/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 650px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 651px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}

/*** this is an autogenerated file 
 Do not make any edits here  ****/ 
.leftElement{float:left}.rightElement{float:right}.headingText{font-weight:700;font-size:60px}.subheadingText{font-weight:700;font-size:30px}.modal-open{overflow:hidden!important}.full-width{width:100%}.radio-btn-wp{display:block;position:relative;padding-left:25px;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-btn-wp input{position:absolute;opacity:0;cursor:pointer;right:auto}.radio-btn-wp .checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:25px;width:25px;background-color:transparent;border:1px solid #431a80;border-radius:50%}.radio-btn-wp .checkmark:after{content:"";position:absolute;display:none;border-radius:50%;background:#431a80}.radio-btn-wp:hover input~.checkmark{background-color:transparent}.radio-btn-wp input.selected~.checkmark:after,.radio-btn-wp input:checked~.checkmark:after{display:block}.radio-btn-wp input.selected~.checkmark{background-color:transparent}.get-filter-pills .action-btn{position:relative}.get-filter-pills .action-btn label{width:100%;height:100%;position:absolute}.get-filter-pills .action-btn label input{top:0;left:0;z-index:33;width:100%;height:100%;position:absolute}.get-filter-pills .action-btn.rd-btn .for-desktop{padding-left:30px}.authorableBgElement{background-repeat:no-repeat;background-position:100% 100%}.text-ellipsis{text-overflow:ellipsis;max-width:70%;overflow:hidden;white-space:nowrap}.text-ellipsis-70{max-width:70%}.textOverImageWrap__parent{position:relative}.textOverImageWrap{position:absolute;bottom:0;margin:20px 0 15px;color:#fff;z-index:2;font-weight:400;display:flex;flex-direction:column;justify-content:center;width:100%;word-break:break-word;padding:0 10px}@media (min-width:992px){.textOverImageWrap{padding:0 25px}}.textOverImageWrap h2,.textOverImageWrap p{margin-bottom:4px}.textOverImageWrap p{font-size:12px;line-height:24px;letter-spacing:.92px}@media (min-width:992px){.textOverImageWrap p{font-size:13px;letter-spacing:1px}}.textOverImageWrap h2{letter-spacing:0}.textOverImageWrap .ctaComp{margin-top:5px}@media (min-width:992px){.textOverImageWrap .ctaComp{margin-top:8px}}.textOverImageWrap--align-top{top:0}.textOverImageWrap--align-top-center{justify-content:center;text-align:center}.textOverImageWrap--align-top-left{justify-content:flex-start}.textOverImageWrap--align-top-right{justify-content:flex-end}.textOverImageWrap--align-bottom{bottom:0}.textOverImageWrap--align-bottom-center{justify-content:center;text-align:center}.textOverImageWrap--align-bottom-left{justify-content:flex-start}.textOverImageWrap--align-bottom-right{justify-content:flex-end}.textOverImageWrap--align-center{top:0;align-items:center}.textOverImageWrap--align-center-center{justify-content:center;text-align:center}.textOverImageWrap--align-center-left{justify-content:flex-start}.textOverImageWrap--align-center-right{justify-content:flex-end}.textOverImageWrap--align-overlay{padding:20px 30px 25px;margin:0;width:90%!important}.slick-slider.slick-dotted{margin-bottom:0}img[src*=jpeg],img[src*=jpg],img[src*=png],img[src*=webp]{background-image:unset}.banner-desc-text p{padding:0 200px}@media (min-width:320px) and (max-width:991px){.banner-desc-text p{padding:0 20px}}.banner-desc-text.center p{text-align:center}.banner-desc-text.right p{text-align:right}.banner-desc-text.left p{text-align:left}.disabledElement{pointer-events:none;opacity:.5!important}.hideDisabledElement{pointer-events:none;display:none!important}.colorPDPPage .similarProdWrap{background-color:transparent}@media (min-width:320px) and (max-width:991px){.colorPDPPage .slick-dots,.productDetailsPageWrap .slick-dots{bottom:25px}.colorPDPPage .slick-dots li,.productDetailsPageWrap .slick-dots li{width:auto!important;height:20px!important}.colorPDPPage .slick-dots li button:before,.productDetailsPageWrap .slick-dots li button:before{width:12px!important;height:12px!important;margin:0 7px;background:#fff;opacity:1;border:1px solid rgba(42,42,42,.38)}.colorPDPPage .slick-dots li.slick-active button:before,.productDetailsPageWrap .slick-dots li.slick-active button:before{width:26px!important;height:12px!important;margin:0;background:#fff;opacity:1;border:1px solid rgba(42,42,42,.38)}}.plp-popular-tags{background-color:#fff}.mobile-sms-success{padding-top:15px;align-items:center;display:flex;width:100%;margin-bottom:40px}.mobile-sms-success.email-success{margin-bottom:0!important}@media (min-width:320px) and (max-width:991px){.mobile-sms-success{align-items:end}}.mobile-sms-success .mobile-success-message{margin-left:9px;color:#24a600}.mobile-sms-success .successTick{padding:12px}@media (min-width:320px) and (max-width:991px){.mobile-sms-success .successTick{margin-bottom:8px}}.productDetailsPageWrap .appImage picture{width:100%}.productDetailsPageWrap .appImage picture img{width:100%;max-height:400px;max-width:600px;height:400px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .appImage picture img{max-height:100%;max-width:100%;height:auto}}.productDetailsPageWrap .visualiser-app--img img{width:100%;height:400px;max-height:400px;max-width:600px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .visualiser-app--img img{max-height:100%;max-width:100%;height:auto}}.centerText-DC .informationWrap h1,.centerText-DC .informationWrap h2,.centerText-DC .informationWrap h3,.centerText-DC .informationWrap h4,.centerText-DC .informationWrap h5,.centerText-DC .informationWrap h6,.centerText-DC .informationWrap p{text-align:center}.colour-pdp-product-id{font-size:13px;font-weight:500;text-transform:uppercase}@media (min-width:320px) and (max-width:991px){.colour-pdp-product-id{font-size:12px;margin-top:18px;padding-bottom:0}}.colour-pdp-colour-name{font-weight:500;font-size:13px;text-transform:uppercase}.bannerTextDesc h4,.bannerTextDesc h5,.bannerTextDesc h6,.bannerTextDesc p,.image-banner h4,.image-banner h5,.image-banner h6,.image-banner p{font-size:13px!important;font-weight:500!important}.banner-desc-text h1,.bannerTextDesc h1,.image-banner h1{text-transform:capitalize}.banner-desc-text p{width:100%!important;max-width:733px!important;padding:0!important;position:relative!important}@media (min-width:320px) and (max-width:991px){.banner-desc-text p{max-width:100%!important;padding:0 20px!important}}.banner-desc-text.center p{margin:auto!important}.banner-desc-text.left p{margin-right:auto!important}.banner-desc-text.right p{margin-left:auto!important}.colorpro-disclaimer-wp>div{display:flex;align-items:baseline}@media (min-width:320px) and (max-width:991px){.colorpro-disclaimer-wp>div{display:block}}.colorpro-disclaimer-wp>div .colorProWrap{width:85%}@media (min-width:320px) and (max-width:991px){.colorpro-disclaimer-wp>div .colorProWrap{width:100%}}.colorpro-disclaimer-wp>div .rte.text{padding:0;margin-bottom:0}@media (min-width:320px) and (max-width:991px){.colorpro-disclaimer-wp>div .rte.text{padding:0 20px;margin-bottom:10px}}.swatchComponentWrap,.titleOnImageCarousel__body{display:flex;justify-content:space-between;scrollbar-width:none;-ms-overflow-style:none}.swatchComponentWrap::-webkit-scrollbar,.titleOnImageCarousel__body::-webkit-scrollbar{width:0!important}@media (min-width:320px) and (max-width:991px){.visualiser-app{border-top:1px solid #dfdfdf!important;padding-top:29px!important}}@media (min-width:768px) and (max-width:991px){.visualiser-app{border-top:none!important;padding-top:0!important}}.store-locator-wp .appCta,.store-locator-wp .visualiser-app--form,.visualiser-app .appCta,.visualiser-app .visualiser-app--form{max-width:600px}.apPlpListing .product-filters-container .filter-menu-area{padding-left:20px}@media (min-width:320px) and (max-width:991px){.apPlpListing .product-filters-container .filter-menu-area{padding:20px 0}}.cc-global iframe{height:81vh}@media (min-width:320px) and (max-width:991px){.cc-global iframe{border:none;height:100%}}.cls-banner-target:first-of-type .shop-look-popular-tags{padding-top:32.91667%;position:relative;overflow:hidden}@media (min-width:320px) and (max-width:991px){.cls-banner-target:first-of-type .shop-look-popular-tags{padding-top:110.27778%}}@media (min-width:320px) and (max-width:575px){.cls-banner-target:first-of-type .shop-look-popular-tags{padding-top:110.27778%}}.cls-banner-target:first-of-type .shop-look-popular-tags img{position:absolute;width:100%;top:0;height:100%}.cls-banner-target:first-of-type.cls-banner-target--self-aspect{padding-top:32.91667%}@media (min-width:992px){.cls-banner-target:first-of-type.cls-banner-target--self-aspect{width:100%;min-height:350px}}@media (min-width:320px) and (max-width:991px){.cls-banner-target:first-of-type.cls-banner-target--self-aspect{padding-top:109.33333%}}@media (min-width:320px) and (max-width:575px){.cls-banner-target:first-of-type.cls-banner-target--self-aspect{padding-top:109.33333%}}.cls-banner-target:first-of-type .js-carouselWithText{position:absolute;width:100%;height:100%;top:0}.cls-banner-target:first-of-type .js-banner-active-target{position:relative;padding-top:32.91667%;min-height:auto}@media (min-width:320px) and (max-width:991px){.cls-banner-target:first-of-type .js-banner-active-target{padding-top:112.26667%}}@media (min-width:320px) and (max-width:575px){.cls-banner-target:first-of-type .js-banner-active-target{padding-top:112.26667%}}@media (min-width:1200px) and (max-width:1366px){.cls-banner-target:first-of-type .js-banner-active-target{min-height:460px}}.cls-banner-target:first-of-type .js-banner-active-target .parallax-area-wp{position:absolute;top:0;width:100%;height:100%}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(1turn);-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.saving-progress-status{display:inline-block}.saving-progress-status-buy-now{display:inline-block!important}.ap-rating-wp .star{font-size:16px;width:auto;display:inline-block;color:#fcb017}.ap-rating-wp .star:last-child{margin-right:0}.star:before{content:"\2605"}.ap-rating-wp .star.half:before,.ap-rating-wp .star.off:before{content:"\2606"}.ap-rating-wp .star.half:after{content:"\2605";position:absolute;margin-left:-16px;width:8px;overflow:hidden}.mobile-icon{display:none!important}@media (min-width:320px) and (max-width:991px){.mobile-icon{display:block!important}}.ccFormsImgRedirection[href=""]{cursor:default}.disable-overflow{overflow:hidden}.visible-in-Desktop{display:block}@media (min-width:320px) and (max-width:991px){.visible-in-Desktop{display:none!important}}.visible-in-mobile{display:none}@media (min-width:320px) and (max-width:991px){.visible-in-mobile{display:block}}.tax-text{font-style:normal;font-weight:100;font-size:12px;line-height:20px}.spriteIcon{display:inline-block;cursor:pointer}.envFrnd,.sheen,.specialEffect{width:35px;height:40px}.specialEffect{background-position:496px 244px}.sheen{background-position:442px 244px}.envFrnd{background-position:388px 244px}.addTowishlistIcon,.shareProductIcon{width:30px;height:30px;background-size:350px}.shareProductIcon{background-position:392px 132px}.addTowishlistIcon{background-position:592px 130px}.selectedProd{background-position:654px 214px;background-size:450px}.callIco,.collapseTargateIco,.expand,.filterIco,.minusIco,.plusIco,.tickIco{width:16px;height:17px;background-size:350px}.collapseTargateIco{background-position:200px 300px}.expand{background-position:168px 300px}.filterIco{background-position:335px 300px}.tickIco{background-position:68px 300px}.minusIco{background-position:302px 300px}.plusIco{background-position:268px 300px}.callIco{background-position:135px 300px}.nextArrow,.prevArrow{width:35px;height:35px}.prevArrow{background-position:279px 244px}.nextArrow{background-position:334px 244px}.searchSpriteIcon{background-position:-147px 0;width:20px;height:20px}.cartIcon{background-position:-113px 0;width:20px;height:21px}.caretUpIcon{background-position:-145px -193px;width:21px;height:21px}.caretDownIcon{background-position:-106px -192px;width:21px;height:21px}.profileIcon{background-position:-79px -1px;width:20px;height:20px}.profileIcon-active{background-position:-314px -193px;width:20px;height:20px}.paintBudgetCalcIcon{background-position:-39px -142px;width:33px;height:38px}.paintSelectorIcon{background-position:-85px -147px;width:40px;height:28px}.buyColorSampleIcon{background-position:-136px -149px;width:38px;height:24px}.buySwatchIcon{background-position:-188px -149px;width:35px;height:24px}.backIcon{background-position:-115px -126px;width:22px;height:13px}.minus{height:2px}.paintsTexturesBlue{background-position:-277px -216px;width:30px;height:27px}.wallPaperRollCalcIcon{background-position:-38px -195px;width:34px;height:33px}.howToApplyIcon{background-position:-91px -196px;width:29px;height:31px}.howToApplyIcon-small{background-position:-7px -10px;width:14px;height:14px}.visitStoreIcon{background-position:-137px -195px;width:35px;height:32px}.myAccountMobileBlueIcon{background-position:-321px -257px;width:29px;height:30px}.phoneMobileBlueIcon{background-position:-366px -260px;width:27px;height:27px}.nextIcon{background-position:-148px -126px;width:22px;height:13px}.spriteIcon-Firstfold{background-image:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite-firstFold.webp)}.spriteIcon-Aprevamp,.spriteIcon-Firstfold{display:inline-block;background-repeat:no-repeat}.spriteIcon-Aprevamp{background-image:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite.webp)}.healthIconBlue{background-position:-319px -639px;width:31px;height:29px}.healthIconBlack{background-position:-85px -489px;width:31px;height:29px}.findcontractor{background-position:-42px -489px;width:30px;height:28px}.backGrntee{background-position:-1359px -215px;width:42px;height:42px}.yearWarranty{background-position:-1493px -214px;width:35px;height:42px}.stopSolution{background-position:-1429px -214px;width:35px;height:42px}.facebookImg{background-position:-671px -442px;width:8px;height:14px}.twitterImg{background-position:-698px -443px;width:15px;height:12px}.pinterestImg{background-position:-729px -442px;width:12px;height:14px}.instagramImg{background-position:-758px -442px;width:15px;height:15px}.youtubeImg{background-position:-786px -442px;width:18px;height:13px}.flagIndia{background-position:-1041px -485px;width:24px;height:24px}.flagGlobal{background-position:-666px -486px;width:24px;height:24px}.flagBangladesh{background-position:-700px -486px;width:24px;height:24px}.flagEgypt{background-position:-734px -486px;width:24px;height:24px}.flagMiddleEast{background-position:-768px -486px;width:24px;height:24px}.rightArrow{background-position:-148px -126px;width:25px;height:13px}.leftArrow{background-position:-115px -126px;width:22px;height:13px}.arrowDown{background-position:-766px -383px}.arrowDown,.arrowUp{width:21px;height:21px}.arrowUp{background-position:-805px -384px}.plus{background-position:-242px -125px}.minus,.plus{width:12px;height:12px}.minus{background-position:-275px -125px}.closeIcon{background-position:-865px -316px;width:17px;height:15px}.appStore{background-position:-5px -369px}.appStore,.playStore{width:143px;height:43px}.playStore{background-position:-166px -369px}.videoPlayButton{background-position:-1289px -215px;width:42px;height:42px}.favouriteIcon{background-position:-660px -233px;width:40px;height:40px}@media (min-width:320px) and (max-width:991px){.favouriteIcon.color-catalogue-revamp-list--wishList{background-position:-665px -279px;width:29px;height:29px}}.favouriteIcon-selected{background-position:-720px -233px;width:40px;height:40px}.sharepdpIcon{cursor:pointer;background-position:-415px -44px;width:40px;height:40px}.profileIconWhite{background-position:-360px -188px;width:29px;height:29px}.nextIconWhite{background-position:-1104px -388px;width:22px;height:13px}.spriteImgIcon>button{padding-bottom:32px}.colorCatalogue{background-position:-273px -419px;height:36px;width:37px}.interiorWallPaints{background-position:-323px -420px;width:36px;height:34px}.exteriorWallPaints{background-position:-372px -420px;width:37px;height:35px}.onlineColorConsultancy{background-position:-273px -472px;width:37px;height:31px}.homePaintingServices{background-position:-324px -469px;width:33px;height:37px}.waterProofing{background-position:-375px -469px;width:33px;height:37px}.wallCoverings,.wallCoveringsBlue{background-position:-275px -522px;width:31px;height:31px}.waterProofingBlue{background-position:-366px -214px;width:28px;height:31px}.servicesBlue{background-position:-410px -213px;width:28px;height:32px}.blogBlue{background-position:-453px -216px;width:30px;height:27px}.shopBlue{background-position:-277px -256px;width:29px;height:33px}.wallStickers{background-position:-323px -524px;width:36px;height:26px}.kidWorld{background-position:-373px -520px;width:36px;height:35px}.selectedArrow{background-position:-491px -182px;width:35px;height:35px}.arrowDownBig{background-position:-668px -382px;width:24px;height:24px}.arrowUpBig{background-position:-708px -382px;width:24px;height:24px}.wishListIcon{background-position:-42px -3px;width:25px;height:20px}.customCheckBox-unchecked{background-position:-669px -313px;width:23px;height:23px}.customCheckBox-checked{background-position:-709px -313px;width:23px;height:23px}.pointerOpen{background-position:-892px -238px;width:30px;height:30px}.pointerClose{background-position:-938px -238px;width:30px;height:30px}.downarrow{background-position:-668px -382px}.downarrow,.uparrow{width:30px;height:30px}.uparrow{background-position:-708px -382px}.whatsAppIcon{background-position:-520px -295px;width:30px;height:30px}.downloadPDFIcon{background-position:-28px -35px;width:21px;height:26px}.calendarIcon{background-position:-1450px -315px;width:20px;height:18px}.whiteCloseIcon{background-position:-936px -236px;width:34px;height:34px}.enquireTransparentIcon{background-position:-207px -55px;width:19px;height:23px}.facebookIco,.mailIco,.prIco,.twitterIco,.wpIco{width:34px;height:32px}.prIco{background-position:-586px -295px}.facebookIco{background-position:-481px -295px}.wpIco{background-position:-520px -295px}.twitterIco{background-position:-552px -295px}.mailIco{background-position:-625px -295px}.infoIcon{background-position:-591px -190px;width:16px;height:16px}.colorPro-Logo{background-position:-1150px -550px;width:130px;height:50px}.successTick{background-position:-617px -186px;width:26px;height:26px;background-size:800px}.categories{background-position:-281px -323px;width:22px;height:21px}.catalog{background-position:-317px -322px;width:22px;height:22px}.location{background-position:-355px -322px;width:18px;height:22px}.calculatorIcon{background-position:-389px -322px;width:22px;height:22px}.enquireNow{background-position:-1034px -43px;width:30px;height:31px}.magneeto-active{background-position:-1360px -300px;width:80px;height:40px}.magneeto-not-active{background-position:-1450px -300px;width:80px;height:40px}.glow-active{background-position:-1549px -300px;width:80px;height:40px}.glow-not-active{background-position:-1639px -300px;width:80px;height:40px}.draggable-circle{background-position:-652px -120px;width:76px;height:76px}@media (min-width:320px) and (max-width:991px){.magneeto-active{background-position:-1360px -370px;width:60px;height:30px}.magneeto-not-active{background-position:-1428px -370px;width:60px;height:30px}.glow-active{background-position:-1502px -370px;width:60px;height:30px}.glow-not-active{background-position:-1569px -370px;width:60px;height:30px}}.send-sms{background-position:-781px -226px;width:52px;height:56px}.brickIco{background-position:-1570px -214px;width:62px;height:46px}.homeRenovationIco{background-position:-1668px -210px;width:55px;height:46px}.germIco{background-position:-1563px -120px;width:45px;height:45px}.filter-downArrow{background-position:-877px -385px;width:16px;height:16px}.filter-upArrow{background-position:-898px -385px;width:16px;height:16px}.spriteIcon-AprevampPhase3{background-image:url(../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.webp);display:inline-block;background-repeat:no-repeat}.callIcon{background-position:-108px -206px}.callIcon,.locNavIcon{width:45px;height:45px}.locNavIcon{background-position:-63px -206px}.ctaIco{background-position:-854px -244px;width:30px;height:30px}.instaIcon{background-position:-756px -440px;width:18px;height:18px}.callIco{background-position:-37px -71px;width:14px;height:14px}.callIcoBlack{background-position:-108px -202px;width:31px;height:34px}.directionIco{background-position:-66px -202px;width:37px;height:37px}.shareIco{background-position:-25px -202px;width:37px;height:37px}.locatorIco{background-position:-75px -489px;width:30px;height:30px}.phase3spriteHome{background-position:-301px -32px;width:42px;height:40px}.phase3spriteHands{background-position:-363px -43px;width:50px;height:32px}.phase3spriteChat{background-position:-435px -35px;width:48px;height:40px}.phase3spriteHomePainting{background-position:-504px -35px;width:40px;height:40px}.phase3spriteProjectsDone{background-position:-105px -150px;width:28px;height:26px}.phase3spriteHappyCustomers{background-position:-683px -568px;width:40px;height:40px}.phase3spriteYrsofExpertise{background-position:-740px -562px;width:32px;height:42px}.ap-services-wallpainting .moneyBackParent .leftImageRightText .bckGroundGrey,.apService .moneyBackParent .leftImageRightText .bckGroundGrey{background-color:transparent;border-radius:0}.spriteIcon-Aprevamp.favouriteIcon{cursor:pointer}.flagFiJiIsland{background-position:-836px -486px;width:24px;height:24px}.flagNepal{background-position:-870px -486px;width:24px;height:24px}.flagSrilankaAp{background-position:-904px -486px;width:24px;height:24px}.flagSrilankaCauseWay{background-position:-938px -486px;width:24px;height:24px}.flagIndonesia{background-position:-972px -486px;width:24px;height:24px}.flagEthiopia{background-position:-1006px -486px;width:24px;height:24px}.flagSingapore{background-position:-972px -486px;width:24px;height:24px}.wallpaper-blue{background-position:-423px -418px;width:34px;height:33px}.worker-icon{background-position:-1283px -606px;width:36px;height:53px}.cycle-icon{background-position:-1356px -608px;width:56px;height:48px}.notepad-icon{background-position:-1454px -607px;width:52px;height:50px}.tableLamp-icon{background-position:-1542px -604px;width:50px;height:57px}.warrantyfull-icon{background-position:-1629px -605px;width:46px;height:56px}.pattern-icon{background-position:-1714px -608px;width:53px;height:54px}.warrantyoutline-icon{background-position:-1803px -608px;width:44px;height:54px}.navigation-icon{background-position:-1277px -695px;width:50px;height:50px}.contractor-info-icon{background-position:-1364px -690px;width:50px;height:56px}.contractor-select-icon{background-position:-1460px -690px;width:50px;height:56px}.contractor-icon{background-position:-1546px -690px;width:50px;height:56px}.home-painting-icon{background-position:-1628px -690px;width:52px;height:56px}.medal-icon{background-position:-740px -563px;width:32px;height:41px}.milestone-icon{background-position:-104px -148px;width:30px;height:30px}.addBorderedIcon{background-position:-238px -244px;width:23px;height:23px}.removeBorderedIcon{background-position:-281px -244px;width:23px;height:23px}.editFieldIcons{background-position:-982px -437px;width:23px;height:22px}.confirmEditIcon{background-position:-195px -244px;width:23px;height:23px}.thumb-down-filled-icon,.thumb-down-icon,.thumb-up-filled-icon,.thumb-up-icon{width:43px;height:45px}.thumb-up-icon{background-position:-1777px -211px}.thumb-down-icon{background-position:-1849px -210px}.thumb-up-filled-icon{background-position:-1777px -295px}.thumb-down-filled-icon{background-position:-1849px -295px}.apHome-desktopIcon{background-position:-1277px -796px;width:50px;height:50px}.apHome-brandQualityIcon{background-position:-1365px -796px;width:50px;height:50px}.apHome-3dIcon{background-position:-1462px -796px;width:50px;height:50px}.apHome-manWithHeadphoneIcon{background-position:-1547px -796px;width:50px;height:50px}.apHome-swastikTypeIcon{background-position:-1630px -796px;width:50px;height:50px}.apHome-callIcon{background-position:-1713px -796px;width:50px;height:50px}.colourIdeaStore-tourIco{background-position:-1127px -229px;width:45px;height:45px}.shipping-N-return{background-position:-271px -837px;width:25px;height:26px}.applicationProcess{background-position:-376px -840px;width:28px;height:23px}.loyaltyReward{background-position:-323px -837px;width:31px;height:26px}.apHome-home{background-position:-48px -71px;width:11px;height:11px}.apHome-home--mobile{background-position:-77px -71px;width:21px;height:21px}.apHome-home--quickLinks{background-position:-422px -516px;width:34px;height:37px}.apHome-home--serviceMenu{background-position:-190px -192px;width:34px;height:37px}.expertJoyPartner{background-position:-3px -444px;width:212px;min-width:210px;height:39px}.joyPartner{background-position:-241px -444px;width:154px;min-width:154px;height:38px}.expWallPaint{background-position:-7px -503px;width:34px;min-width:34px;height:30px}.expWaterproofing{background-position:-59px -504px;width:31px;min-width:31px;height:29px}.expIntWallText{background-position:-107px -501px;width:34px;min-width:34px;height:32px}.expWoodFinishes{background-position:-160px -504px;width:31px;min-width:31px;height:32px}.expExtWallText{background-position:-213px -501px;width:45px;min-width:45px;height:32px}.expWallpapers{background-position:-288px -502px;width:31px;min-width:31px;height:32px}.excManualPainting{background-position:-14px -569px;width:35px;min-width:35px;height:34px}.excFinishBySpray{background-position:-64px -569px;width:38px;min-width:38px;height:35px}.excFinishBySander{background-position:-122px -569px;width:35px;min-width:35px;height:35px}.expTVInterior{background-position:-349px -503px;width:33px;min-width:33px;height:31px}.expTools{background-position:-410px -503px;width:30px;min-width:30px;height:32px}.expFurniture{background-position:-467px -503px;width:34px;min-width:34px;height:30px}.paintbucket{background-position:-817px -813px;width:62px;height:62px}.thumbshield{background-position:-898px -813px}.notes,.thumbshield{width:62px;height:62px}.notes{background-position:-976px -813px}.twopeople{background-position:-1051px -813px;width:62px;height:62px}.serviceExpandIcon{background-position:-704px -842px;width:30px;height:30px}.successTick-lg{background-position:-537px -186px;width:30px;height:30px;background-size:800px}.locationTagIcon{background-position:-215px -6px;width:11px;height:11px}.locationTagIconInHeader{background-position:-214px -45px;width:11px;height:11px}.wpIconLarge{background-position:-1174px -608px;width:38px;height:40px;margin-right:5px}.getDesignColourAppArrow{display:inline-block;transform:scale(1.7,2);padding-left:2.25px;padding-bottom:2px}@font-face{font-family:apFontExtraBold;src:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/fonts/manrope/Manrope-ExtraBold.ttf);font-display:swap}@font-face{font-family:apFontBold;src:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/fonts/manrope/Manrope-Bold.ttf);font-display:swap}@font-face{font-family:apFontMedium;src:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/fonts/manrope/Manrope-Medium.ttf);font-display:swap}@font-face{font-family:apFontRegular;src:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/fonts/manrope/Manrope-Regular.ttf);font-display:swap}@font-face{font-family:apFontLight;src:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/fonts/manrope/Manrope-Light.ttf);font-display:swap}@media (min-width:992px){.desk-extra-bold-85{font-size:85px;font-family:apFontExtraBold}.desk-extra-bold-64{font-size:64px;font-family:apFontExtraBold;line-height:70.4px}.desk-light-60{font-size:60px;font-family:apFontLight}.desk-extra-bold-54{font-size:54px;font-family:apFontExtraBold;line-height:56.4px}.desk-extra-bold-40{font-size:40px;font-family:apFontExtraBold}.desk-extra-bold-32{font-size:32px;font-family:apFontExtraBold;line-height:35.2px}.desk-extra-bold-20{font-size:20px;font-family:apFontExtraBold}.desk-bold-20{font-size:20px;font-family:apFontBold}.desk-extra-bold-16{font-size:16px;font-family:apFontExtraBold}.desk-medium-16{font-size:16px;font-family:apFontMedium;line-height:21.86px}.desk-medium-14{font-size:14px;font-family:apFontMedium}.desk-medium-12{font-size:12px;font-family:apFontMedium}.desk-regular-11{font-size:11px;font-family:apFontRegular}.desk-regular-10{font-size:10px;font-family:apFontRegular}}@media (min-width:320px) and (max-width:991px){.mob-extra-bold-85{font-size:85px;font-family:apFontExtraBold}.mob-extra-bold-64{font-size:64px;font-family:apFontExtraBold}.mob-light-60{font-size:60px;font-family:apFontLight}.mob-extra-bold-54{font-size:54px;font-family:apFontExtraBold}.mob-extra-bold-40{font-size:40px;font-family:apFontExtraBold}.mob-extra-bold-32{font-size:32px;font-family:apFontExtraBold;line-height:35.2px}.mob-extra-bold-20{font-size:20px;font-family:apFontExtraBold;line-height:27.32px}.mob-bold-28{font-size:28px;font-family:apFontBold}.mob-bold-24{font-size:24px;font-family:apFontExtraBold;line-height:28.8px}.mob-bold-20{font-size:20px;font-family:apFontBold}.mob-extra-bold-16{font-size:16px;font-family:apFontExtraBold;line-height:21.86px}.mob-medium-16{font-size:16px;font-family:apFontMedium}.mob-medium-14{font-size:14px;font-family:apFontMedium}.mob-medium-12{font-size:12px;font-family:apFontMedium;line-height:16.39px}.mob-regular-11{font-size:11px;font-family:apFontRegular;line-height:15.03px}.mob-regular-10{font-size:10px;font-family:apFontRegular}}@media (min-width:992px){.desk-weight-300{font-weight:300}.desk-weight-400{font-weight:400}.desk-weight-500{font-weight:500}.desk-weight-600{font-weight:600}.desk-weight-700{font-weight:700}.desk-weight-800{font-weight:800}}@media (min-width:320px) and (max-width:991px){.mob-weight-300{font-weight:300}.mob-weight-400{font-weight:400}.mob-weight-500{font-weight:500}.mob-weight-600{font-weight:600}.mob-weight-700{font-weight:700}.mob-weight-800{font-weight:800}}@media (min-width:992px){.desk-padd-top-5{padding-top:5px}.desk-padd-top-10{padding-top:10px}.desk-padd-top-20{padding-top:20px}.desk-padd-top-25{padding-top:25px}.desk-padd-top-30{padding-top:30px}.desk-padd-top-35{padding-top:35px}.desk-padd-top-40{padding-top:40px}.desk-padd-top-45{padding-top:45px}.desk-padd-top-50{padding-top:50px}.desk-padd-top-60{padding-top:60px}.desk-padd-top-80{padding-top:80px}.desk-padd-top-100{padding-top:100px}.desk-padd-top-150{padding-top:150px}}@media (min-width:320px) and (max-width:991px){.mob-padd-top-5{padding-top:5px}.mob-padd-top-10{padding-top:10px}.mob-padd-top-20{padding-top:20px}.mob-padd-top-25{padding-top:25px}.mob-padd-top-30{padding-top:30px}.mob-padd-top-35{padding-top:35px}.mob-padd-top-40{padding-top:40px}.mob-padd-top-45{padding-top:45px}.mob-padd-top-50{padding-top:50px}.mob-padd-top-60{padding-top:60px}.mob-padd-top-80{padding-top:80px}.mob-padd-top-100{padding-top:100px}.mob-padd-top-150{padding-top:150px}}@media (min-width:992px){.desk-margin-top-5{padding-top:5px}.desk-margin-top-10{padding-top:10px}.desk-margin-top-20{padding-top:20px}.desk-margin-top-25{padding-top:25px}.desk-margin-top-30{padding-top:30px}.desk-margin-top-35{padding-top:35px}.desk-margin-top-40{padding-top:40px}.desk-margin-top-45{padding-top:45px}.desk-margin-top-50{padding-top:50px}.desk-margin-top-60{padding-top:60px}.desk-margin-top-80{padding-top:80px}.desk-margin-top-100{padding-top:100px}.desk-margin-top-150{padding-top:150px}}@media (min-width:320px) and (max-width:991px){.mob-margin-top-5{padding-top:5px}.mob-margin-top-10{padding-top:10px}.mob-margin-top-20{padding-top:20px}.mob-margin-top-25{padding-top:25px}.mob-margin-top-30{padding-top:30px}.mob-margin-top-35{padding-top:35px}.mob-margin-top-40{padding-top:40px}.mob-margin-top-45{padding-top:45px}.mob-margin-top-50{padding-top:50px}.mob-margin-top-60{padding-top:60px}.mob-margin-top-80{padding-top:80px}.mob-margin-top-100{padding-top:100px}.mob-margin-top-150{padding-top:150px}}body,html{font-family:Manrope;font-weight:400;padding:0;background-color:#fff;color:#222;font-size:14px;line-height:22px}@media (min-width:576px){body,html{padding-bottom:0!important}}.commonWrapper{max-width:1440px!important;margin-left:auto!important;position:relative!important;margin-right:auto!important}@media (min-width:576px) and (max-width:767px){.commonWrapper{max-width:600px!important;margin:auto!important}}@media (min-width:768px) and (max-width:991px){.commonWrapper{max-width:800px;margin:auto}}.floatNone{float:none!important;width:auto!important;clear:both!important}.padding45{padding-right:4%;padding-left:4%}@media (min-width:320px) and (max-width:991px){.padding45{padding-right:4.5%;padding-left:4.5%}.padding45 .bannerWithGreybackground,.padding45 .pbc-main-wrapper{margin-left:-20px!important;width:calc(100% + 40px)!important}}.padding45 .bannerFloatVariant-3Item .bannerWithGreybackground{margin:0!important;width:100%!important}@media (min-width:320px) and (max-width:991px){.padding45-mobile{padding-left:20px;padding-right:20px}}.padding45-desktop{padding-left:4%;padding-right:4%}@media (min-width:320px) and (max-width:991px){.padding45-desktop{padding-left:0;padding-right:0}}@media (min-width:320px) and (max-width:991px){.bottom-border-with-bottom-space{margin-bottom:40px;border-bottom:1px solid rgba(34,34,34,.1)}}.texture-left-space{padding-left:40px}@media (min-width:320px) and (max-width:991px){.texture-left-space{padding-left:0;padding-top:40px}}@media (min-width:768px) and (max-width:991px){.texture-left-space{padding-left:20px;padding-top:0}}.texture-right-space{padding-right:40px}@media (min-width:320px) and (max-width:991px){.texture-right-space{padding-right:0}}@media (min-width:768px) and (max-width:991px){.texture-right-space{padding-right:20px}}.custom-enquire-now-sticker-btn{position:absolute;top:19%;right:4%}.commonDividerLine{border-bottom:1px solid rgba(34,34,34,.1)}.commonDividerLine.commonDividerLine-with-space{border:0}.commonDividerLine-with-space{position:relative}.commonDividerLine-with-space:before{content:"";position:absolute;display:block;height:1px;background-color:rgba(34,34,34,.1);width:91%;bottom:0;margin:auto;left:0;right:0}@media (min-width:992px){.commonDividerLine-with-space:before{width:92%}}.no-border{border:0!important}.padding-bottom-small50{padding-bottom:50px}@media (min-width:320px) and (max-width:991px){.padding-bottom-small50{padding-bottom:25px}}.padding-bottom-medium70{padding-bottom:70px}@media (min-width:320px) and (max-width:991px){.padding-bottom-medium70{padding-bottom:30px}}.padding-bottom-large100{padding-bottom:100px}@media (min-width:320px) and (max-width:991px){.padding-bottom-large100{padding-bottom:50px}}.padding-bottom-extraLarge120{padding-bottom:120px}@media (min-width:320px) and (max-width:991px){.padding-bottom-extraLarge120{padding-bottom:60px}}.greyBGFull{background:linear-gradient(180deg,#fff 36%,#f8f8f8 0)}.greyBGFull.bannerFloatVariant-3Item{background:linear-gradient(180deg,#fff 47%,#f8f8f8 0)}@media (min-width:320px) and (max-width:991px){.circleCrosslink-fullBG.greyBGFull{background:linear-gradient(180deg,#fff 0,#f8f8f8 0)}}.whiteBGFull{background:linear-gradient(180deg,transparent 36%,#fff 0)}.whiteBGFull.bannerFloatVariant-3Item{background:linear-gradient(180deg,transparent 47%,#fff 0)}:focus{outline:none!important;box-shadow:none}ul{padding:0;margin:0}ul li{list-style:none}.padding0{padding:0}.mainLandingPageWrap section,.productDetailsPageWrap section{margin-top:70px}@media (min-width:320px) and (max-width:767px){.mainLandingPageWrap section,.productDetailsPageWrap section{margin-top:40px}}.rightAlign{text-align:right}.centerAlign{text-align:center}.leftAlign{text-align:left}.centerElement{margin:auto}.hide{display:none}.show{display:block}.modalShadowBG{position:fixed;background-color:#000;opacity:.8;height:100%;width:100%;top:0;left:0;z-index:1050}.spriteIcon{background-image:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/CCspriteImage.png);display:block}.purpleColorText a,.purpleColorText h1,.purpleColorText h2,.purpleColorText h3,.purpleColorText h4,.purpleColorText h5,.purpleColorText h6,.purpleColorText p,.purpleColorText span,.purpleColorText ul li{color:#431a80}.whiteColorText a,.whiteColorText h1,.whiteColorText h2,.whiteColorText h3,.whiteColorText h4,.whiteColorText h5,.whiteColorText h6,.whiteColorText p,.whiteColorText span,.whiteColorText ul li{color:#fff}.blackColorText a,.blackColorText h1,.blackColorText h2,.blackColorText h3,.blackColorText h4,.blackColorText h5,.blackColorText h6,.blackColorText p,.blackColorText span,.blackColorText ul li{color:#3b3b3b}.boldFont a,.boldFont h1,.boldFont h2,.boldFont h3,.boldFont h4,.boldFont h5,.boldFont h6,.boldFont p,.boldFont span,.boldFont ul li{font-weight:700}.semi-boldFont a,.semi-boldFont h1,.semi-boldFont h2,.semi-boldFont h3,.semi-boldFont h4,.semi-boldFont h5,.semi-boldFont h6,.semi-boldFont p,.semi-boldFont span,.semi-boldFont ul li{font-weight:600}.mediumFont a,.mediumFont h1,.mediumFont h2,.mediumFont h3,.mediumFont h4,.mediumFont h5,.mediumFont h6,.mediumFont p,.mediumFont span,.mediumFont ul li{font-weight:500}.regularFont a,.regularFont h1,.regularFont h2,.regularFont h3,.regularFont h4,.regularFont h5,.regularFont h6,.regularFont p,.regularFont span,.regularFont ul li{font-weight:400}.lightFont a,.lightFont h1,.lightFont h2,.lightFont h3,.lightFont h4,.lightFont h5,.lightFont h6,.lightFont p,.lightFont span,.lightFont ul li{font-weight:300}.extra-lightFont a,.extra-lightFont h1,.extra-lightFont h2,.extra-lightFont h3,.extra-lightFont h4,.extra-lightFont h5,.extra-lightFont h6,.extra-lightFont p,.extra-lightFont span,.extra-lightFont ul li{font-weight:200}.whiteColorText h1{letter-spacing:1px}@media (min-width:992px){.whiteColorText h1{letter-spacing:4px}}p{width:auto}h1{font-weight:700;letter-spacing:normal;font-size:40px;line-height:40px}@media (min-width:992px){h1{font-size:60px;line-height:60px}}h2{font-weight:700;font-size:22px;line-height:24px;letter-spacing:normal}@media (min-width:992px){h2{font-size:30px;line-height:34px}}h3{font-weight:700;font-size:16px;line-height:22px;letter-spacing:normal}@media (min-width:992px){h3{font-size:20px;line-height:22px}}.nilayah3{font-weight:700;font-size:16px;line-height:22px;letter-spacing:normal}@media (min-width:992px){.nilayah3{font-size:20px;line-height:22px}}h4,h5,h6{font-weight:500;font-size:14px;line-height:normal;letter-spacing:normal}h4{font-weight:600}p{font-weight:400;font-size:14px;letter-spacing:.5px}.bodyCopy-p2,p{line-height:22px}.bodyCopy-p2{font-size:12px;letter-spacing:.46px}@media (min-width:992px){.bodyCopy-p2{font-size:13px;line-height:22px;letter-spacing:.5px}}.swatch-name-top-PDP{font-size:14px}.swatch-name-top,.swatch-name-top-PDP{font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#3b3b3b}.swatch-code,.swatch-name-top{font-size:12px}.swatch-code{font-weight:400;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#3b3b3b}.centerText{text-align:center;font-weight:500}.mediumSpace{margin-bottom:120px}.baseCTSpace{margin-bottom:70px}@media (min-width:320px) and (max-width:991px){.baseCTSpace{margin-bottom:30px}}.baseCTSpace50{margin-bottom:50px}@media (min-width:320px) and (max-width:991px){.baseCTSpace50{margin-bottom:25px}}.baseCTSpace100{margin-bottom:100px}@media (min-width:320px) and (max-width:991px){.baseCTSpace100{margin-bottom:50px}}.baseCTSpace120{margin-bottom:120px}@media (min-width:320px) and (max-width:991px){.baseCTSpace120{margin-bottom:60px}}.paddingLeft--default{padding:0 0 0 4%}@media (min-width:320px) and (max-width:991px){.paddingLeft--default{padding:0}}.paddingRight--default{padding:0 4% 0 0}@media (min-width:320px) and (max-width:991px){.paddingRight--default{padding:0}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.exploreButton{text-align:center;background:#fff;width:269px;border:1px solid #fff;border-radius:3px;color:#431a80;size:12px;letter-spacing:.86px;line-height:45px;text-transform:uppercase}.exploreButton:hover{font-weight:700;background:#431a80;color:#fff;border:1px solid #431a80}@media (min-width:320px) and (max-width:767px){.exploreButton{font-size:10px;line-height:20px;width:74%;padding:7px 0;letter-spacing:.71px;margin-top:14px}}button.exploreButton{font-size:12px}@media (min-width:320px) and (max-width:767px){button.exploreButton{font-size:10px}}.exploreLink{color:#431a80;display:block;font-size:12px;letter-spacing:.86px;font-weight:500;text-transform:uppercase;text-decoration:underline;margin-top:24px}.exploreLink:hover{text-decoration:none;font-weight:700;color:#431a80}@media (min-width:320px) and (max-width:767px){.exploreLink{display:none}}.lighttextHeading a,.lighttextHeading h1,.lighttextHeading h2,.lighttextHeading h3,.lighttextHeading h4,.lighttextHeading h5,.lighttextHeading h6,.lighttextHeading p,.lighttextHeading span,.lighttextHeading ul li{font-weight:200}a,a:hover{color:inherit}a:hover{text-decoration:none}.slick-dots>li{display:inline-block}.slick-dots>li:only-child{display:none}.slick-slide{height:auto}.slick-slide:focus{outline:none;border:none;box-shadow:none}.slick-slide a:hover{text-decoration:none}.slick-slider .slick-next,.slick-slider .slick-prev{width:22px;height:13px;top:-25px}.slick-slider .slick-next:before,.slick-slider .slick-prev:before{background-image:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite-firstFold.webp);display:block;width:22px;height:13px;opacity:1;color:transparent}.slick-slider .slick-prev{right:45px;left:unset}.slick-slider .slick-prev.slick-disabled{opacity:.4;cursor:default}@media (min-width:992px) and (max-width:1024px){.slick-slider .slick-prev{left:-25px}}.slick-slider .slick-prev:before{background-position:-115px -126px}.slick-slider .slick-next{right:0}.slick-slider .slick-next.slick-disabled{opacity:.4;cursor:default}@media (min-width:992px) and (max-width:1024px){.slick-slider .slick-next{right:-30px}}.slick-slider .slick-next:before{background-position:-148px -126px}.slick-slider .slick-next .slick-next.slick-disabled:before,.slick-slider .slick-next .slick-prev.slick-disabled:before{opacity:.25;cursor:default}.slick-slider .slick-next .slick-track a{text-decoration:none}@media (min-width:320px) and (max-width:767px){.colorGoesWellWrap .slick-slider,.productOtherCombinations .slick-slider,.sinceYouLikedWrap .slick-slider{width:100%}}@media (min-width:768px) and (max-width:991px){.colorGoesWellWrap .slick-slider,.productOtherCombinations .slick-slider,.sinceYouLikedWrap .slick-slider{width:100%}}a[href="javascript:void(0)"]{text-decoration:none;cursor:default!important}a[href="javascript:void(0)"] *{cursor:default!important}a[href="javascript:void(0)"].banner_jumpLink{text-decoration:none;cursor:pointer!important}a[href="javascript:void(0)"].banner_jumpLink *{cursor:pointer!important}.d-flex-custom{display:flex}.topGap50-10{padding-top:50px}@media (min-width:320px) and (max-width:991px){.topGap50-10{padding-top:10px}}.locateOurStoresText{padding:32px 60px}.locateOurStoresText p{margin:0}.titleTextContainer h2{margin-bottom:17px}.common-painting-detailed .topGap50-10{padding:30px 20px 0}@media (min-width:992px){.common-painting-detailed .topGap50-10{padding:55px 9% 0}}.common-painting-detailed .topGap50-10 h2{margin-bottom:22px}h2.replacedH1{font-size:60px!important;line-height:60px!important;font-weight:700!important}@media (min-width:320px) and (max-width:991px){h2.replacedH1{font-size:40px!important;line-height:40px!important}}.bannerTextDesc .replacedH1{text-transform:capitalize;letter-spacing:4px!important}@media (min-width:320px) and (max-width:991px){.bannerTextDesc .replacedH1{letter-spacing:1px!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (min-width:992px){.belowBannerText-global.rte p{padding:0 15%}}.imageLoader{background:transparent url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/ap-logo-loader.gif) 50% no-repeat}body .responsivegrid.cc-global{padding-top:125px}@media (min-width:992px){body .responsivegrid.cc-global{padding-top:136px}}body.campaignpage-template .responsivegrid.cc-global{padding-top:0}.imageBanner-fullwidth img{width:100%}.alignCenter--vertical{display:flex;align-items:center;vertical-align:middle}.pad40{padding:40px!important}@media (min-width:320px) and (max-width:991px){.pad40{padding:20px!important}}.pad20{padding:20px!important}@media (min-width:320px) and (max-width:991px){.pad20{padding:10px!important}}.topBottomPad40{padding:40px 0}@media (min-width:320px) and (max-width:991px){.topBottomPad40{padding:20px 0}}.topBottomPad60{padding:60px 0}@media (min-width:320px) and (max-width:991px){.topBottomPad60{padding:30px 0}}.leftRightPad40{padding:0 40px}@media (min-width:320px) and (max-width:991px){.leftRightPad40{padding:0 20px}}.leftRightPad20{padding:0 20px}@media (min-width:320px) and (max-width:991px){.leftRightPad20{padding:0 10px}}.topBottomPad20{padding:20px 0}@media (min-width:320px) and (max-width:991px){.topBottomPad20{padding:10px 0}}.topPad40{padding:40px 0 0}@media (min-width:320px) and (max-width:991px){.topPad40{padding:20px 0 0}}.topPad20{padding:20px 0 0}@media (min-width:320px) and (max-width:991px){.topPad20{padding:10px 0 0}}.bottomPad40{padding:0 0 40px}@media (min-width:320px) and (max-width:991px){.bottomPad40{padding:0 0 20px}}.bottomPad20{padding:0 0 20px}@media (min-width:320px) and (max-width:991px){.bottomPad20{padding:0 0 20px}}.leftPad40{padding:0 0 0 40px}@media (min-width:320px) and (max-width:991px){.leftPad40{padding:0 0 0 20px}}.leftPad20{padding:0 0 0 20px}@media (min-width:320px) and (max-width:991px){.leftPad20{padding:0 0 0 10px}}.rightPad40{padding:0 40px 0 0}@media (min-width:320px) and (max-width:991px){.rightPad40{padding:0 20px 0 0}}.rightPad20{padding:0 20px 0 0}@media (min-width:320px) and (max-width:991px){.rightPad20{padding:0 10px 0 0}}.marg0{margin:0!important}.productDetailsPageWrap .productLefSideCnt{position:relative}.productDetailsPageWrap .productLefSideCnt .productCarousel .slick-slide img{width:100%}.productDetailsPageWrap .productLefSideCnt .productCarouselNav{padding:0 38px;margin-bottom:0}@media (min-width:992px) and (max-width:1024px){.productDetailsPageWrap .productLefSideCnt .productCarouselNav{padding:0;margin-bottom:0}}.productDetailsPageWrap .productLefSideCnt .productCarouselNav .thumbImgContainer{cursor:pointer}.productDetailsPageWrap .productLefSideCnt .productCarouselNav .slick-list{padding:0}@media (min-width:576px){.productDetailsPageWrap .productLefSideCnt .productCarouselNav .slick-list{display:flex;justify-content:center}}.productDetailsPageWrap .productLefSideCnt .productCarouselNav .slick-list .slick-track{padding:0}@media (min-width:576px){.productDetailsPageWrap .productLefSideCnt .productCarouselNav .slick-list .slick-track{display:contents}}@media (min-width:992px){.productDetailsPageWrap .productDetailWrap{padding-left:42px;margin-top:35px}}@media (min-width:320px) and (max-width:767px){.productDetailsPageWrap .productDetailWrap{margin-top:10px;padding:0 20px}}@media (min-width:768px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap{margin-left:0}}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap>div{display:flex;flex-wrap:wrap}.productDetailsPageWrap .productDetailWrap>div .cmp-title{order:2}.productDetailsPageWrap .productDetailWrap>div .moreInfo-Wrap{order:3}.productDetailsPageWrap .productDetailWrap>div .onClickChange,.productDetailsPageWrap .productDetailWrap>div .suggestionBlock{order:4}.productDetailsPageWrap .productDetailWrap>div .shopvisualizer{order:5;margin-top:27px}.productDetailsPageWrap .productDetailWrap>div .shadepalletes{order:1}.productDetailsPageWrap .productDetailWrap>div .calculator{order:6}.productDetailsPageWrap .productDetailWrap>div .coatinformation{order:3}.productDetailsPageWrap .productDetailWrap>div .cta.ctaComp{order:7}.productDetailsPageWrap .productDetailWrap>div .cta.ctaComp+.rte.text{order:8}}.productDetailsPageWrap .productDetailWrap h2{line-height:40px;margin-top:-15px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap h2{letter-spacing:0;margin-bottom:8px}}.productDetailsPageWrap .productDetailWrap h2.palleteTitle{margin-bottom:5px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap h2.palleteTitle{margin-bottom:15px}}.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT{vertical-align:top;margin-top:10px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT{width:100%;margin-left:0;order:1;margin-top:-20px}}.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT h4{text-transform:uppercase;margin-bottom:8px;font-weight:500;margin-bottom:15px;font-size:13px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT h4{margin-bottom:22px;font-size:12px}}.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT h2.palleteTitle{margin-bottom:5px;line-height:40px;margin-top:-15px;text-transform:capitalize!important}.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT .moreInfo-Wrap button{background:none;border:none;padding:0;font-size:14px;font-weight:500;cursor:pointer;text-transform:uppercase;text-decoration:underline}@media (min-width:320px) and (max-width:767px){.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT .productDetailWrap,.productDetailsPageWrap .productDetailWrap .shadePallateWrapCT .productLefSideCnt{margin-bottom:0}}.productDetailsPageWrap .productDetailWrap .featuredtag,.productDetailsPageWrap .productDetailWrap .featureTag,.productDetailsPageWrap .productDetailWrap .shareComponent{display:inline-block}.productDetailsPageWrap .productDetailWrap .featuredtag{width:60%!important;min-height:1px}.productDetailsPageWrap .productDetailWrap .twovariantscolumn .contentdiv p{padding:12px 0 0;word-spacing:2px;margin-bottom:5px}@media (min-width:1200px){.productDetailsPageWrap .productDetailWrap .twovariantscolumn .contentdiv p{font-size:13px}}@media (min-width:1366px){.productDetailsPageWrap .productDetailWrap .twovariantscolumn .contentdiv p{font-size:14px}}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap .twovariantscolumn .contentdiv p{text-align:center;font-size:12px}}.productDetailsPageWrap .productDetailWrap .twovariantscolumn .asidediv{padding-left:0;padding-top:8px}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap .twovariantscolumn .asidediv .leftAlign{text-align:center}}@media (min-width:320px) and (max-width:991px){.productDetailsPageWrap .productDetailWrap .twovariantscolumn .asidediv .leftAlign .ctaText{font-size:12px}}.white-color{background:#fff}.flex-1{flex:1}.placeHolderTwo{margin:0}.placeHolderTwo .placeHolderTwoImg{width:46%;position:absolute;left:0}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .placeHolderTwoImg{width:100%;padding:0;overflow:hidden}}.placeHolderTwo .placeHolderImgWithBg.placeHolderMargin{margin-top:15%}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .placeHolderImgWithBg.placeHolderMargin{margin-top:20%}}.placeHolderTwo .placeHolderHeader h2{font-size:30px}@media (min-width:768px) and (max-width:991px){.placeHolderTwo .placeHolderHeader h2{font-size:20px}}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .placeHolderHeader h2{font-size:22px}}.placeHolderTwo .placeHolderImgWithBg{width:100%;position:relative;display:flex;flex-direction:row-reverse}.placeHolderTwo .backgroundPlaceHolder{background-color:#f0f0f0;width:75%;left:20%;margin-top:80px;padding:8% 0}@media (min-width:768px) and (max-width:991px){.placeHolderTwo .backgroundPlaceHolder{min-height:1px}}@media (min-width:992px) and (max-width:1024px){.placeHolderTwo .backgroundPlaceHolder{min-height:450px}}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .backgroundPlaceHolder{min-height:1px;height:auto;padding:20px;width:100%;left:0;margin-top:60%}}.placeHolderTwo img{position:relative;width:100%;height:auto;background:none}.placeHolderTwo .placeHolderInfo{margin:10% 10% 0 52%}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .placeHolderInfo{margin:38% 0 0}.placeHolderTwo .placeHolderInfo .validateNum{margin-top:21px}}@media (min-width:768px) and (max-width:991px){.placeHolderTwo .placeHolderInfo{margin-left:50%;width:unset}}.placeHolderTwo .placeHolderInfo p{letter-spacing:.62px}.placeHolderTwo .placeHolderInfo .viewAllLink{color:#000;font-size:13px;border-bottom:2px solid #8839ff;text-decoration:none}@media (min-width:320px) and (max-width:767px){.placeHolderTwo .placeHolderInfo .viewAllLink{font-size:11px}}.placeHolderRightImg .backgroundPlaceHolder .placeHolderInfo{width:40%;margin-top:15%;margin-left:12%}@media (min-width:768px) and (max-width:991px){.placeHolderRightImg .backgroundPlaceHolder .placeHolderInfo{margin-top:6%}}@media (min-width:320px) and (max-width:767px){.placeHolderRightImg .backgroundPlaceHolder .placeHolderInfo{width:inherit;margin-left:0;margin-top:38%}}.placeHolderRightImg .placeHolderTwoImg{right:0}.placeHolderRightImg img{float:right;width:100%}.videoTextCard{position:relative;margin:0}.videoTextCard.exploreColors .placeHolderImgWithBg__bg-title-wrap{width:80%}@media (min-width:320px) and (max-width:991px){.videoTextCard.exploreColors .placeHolderImgWithBg__bg-title-wrap{width:100%}}.videoTextCard .placeHolderTwo__title{margin-bottom:30px}@media (min-width:320px) and (max-width:991px){.videoTextCard .placeHolderTwo__title{margin-bottom:0}}.videoTextCard .placeHolderImgWithBg{height:auto}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.videoTextCard .placeHolderImgWithBg{height:100%}}}.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder{position:relative;left:auto;bottom:-10%;display:flex;justify-content:center;min-height:unset;align-items:center;flex-direction:column;width:100%;margin:0;padding-left:8%;height:100%;background-repeat:no-repeat;background-position:100% 0}.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{text-align:left}@media (min-width:320px) and (max-width:991px){.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder{top:-160px;margin-top:0;padding:170px 20px 30px;margin-bottom:-160px;display:block;height:auto;background-size:50% 100%}.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0}.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder .downloadPaintingApp p:last-child{margin-bottom:0}}@media (min-width:768px) and (max-width:991px){.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px;margin-bottom:-280px;padding-top:280px}}@media (min-width:576px) and (max-width:767px){.videoTextCard .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px;margin-bottom:-280px;padding-top:280px}}.videoTextCard .placeHolderImgWithBg__bg-title-wrap{display:flex;flex-direction:column;align-items:center;width:65%}@media (min-width:320px) and (max-width:991px){.videoTextCard .placeHolderImgWithBg__bg-title-wrap{width:100%}}@media (min-width:320px) and (max-width:991px){.videoTextCard .placeHolderImgWithBg{flex-direction:column-reverse}.videoTextCard .placeHolderImgWithBg .placeHolderTwoImg{left:auto}}.videoTextCard__title{width:30%;margin:0 10% 0 21%}@media (min-width:320px) and (max-width:991px){.videoTextCard__title{display:none}}.videoTextCard__title-img{width:100%;height:auto}.videoTextCard__title--mobile{display:none}@media (min-width:320px) and (max-width:991px){.videoTextCard__title--mobile{display:flex;justify-content:center;width:40%;margin:0 auto 20px}}.videoTextCard.placeHolderTwo .placeHolderInfo .textLinks a{color:#000;font-size:14px;border-bottom:2px solid #8839ff;text-decoration:none;display:inline-block}@media (min-width:320px) and (max-width:991px){.videoTextCard.placeHolderTwo .placeHolderInfo .textLinks a{display:inline-block;font-size:11px}}.videoTextCard.exploreColors .placeHolderImgWithBg .backgroundPlaceHolder{align-items:flex-start;justify-content:left}@media (min-width:320px) and (max-width:991px){.videoTextCard.imageVideoCarouselWLP .carouselHeadDescWrap .downloadPaintingApp__head,.videoTextCard .placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h2{text-align:left}}.placeHolderLeftImg{margin-bottom:100px}@media (min-width:320px) and (max-width:991px){.placeHolderLeftImg{margin-bottom:0}}.placeHolderLeftImg .placeHolderImgWithBg{flex-direction:row-reverse}@media (min-width:320px) and (max-width:991px){.placeHolderLeftImg .placeHolderImgWithBg{margin-top:0;flex-wrap:wrap}}.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0 10% 0 26%}.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h2{margin-bottom:15px}@media (min-width:320px) and (max-width:991px){.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder{margin-top:0}.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0}}.placeHolderLeftImg .videoTextCard__title{margin:0 10% 0 21%}.placeHolderLeftImg .placeHolderTwoImg{position:relative;left:4%;width:65%;height:auto}.placeHolderLeftImg .placeHolderTwoImg .video-elem,.placeHolderLeftImg .placeHolderTwoImg .video-elem__thumbnail-wrap{width:100%;height:auto}@media (min-width:320px) and (max-width:991px){.placeHolderLeftImg .placeHolderTwoImg{left:auto;width:100%;padding:20px}}.placeHolderLeftBottomImg{margin-bottom:60px}@media (min-width:320px) and (max-width:991px){.placeHolderLeftBottomImg{margin-bottom:0}}.placeHolderLeftBottomImg .placeHolderImgWithBg{flex-direction:row-reverse}@media (min-width:320px) and (max-width:991px){.placeHolderLeftBottomImg .placeHolderImgWithBg{margin-top:0;flex-direction:column-reverse}}.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:auto;margin-top:5%}.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0 10% 0 30%}@media (min-width:320px) and (max-width:991px){.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-160px;margin-top:0}.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0}}@media (min-width:768px) and (max-width:991px){.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}@media (min-width:576px) and (max-width:767px){.placeHolderLeftBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}.placeHolderLeftBottomImg .videoTextCard__title{margin:0 10% 0 21%}.placeHolderLeftBottomImg .placeHolderTwoImg{position:relative;left:5%;width:65%;height:100%;top:60px}.placeHolderLeftBottomImg .placeHolderTwoImg .video-elem,.placeHolderLeftBottomImg .placeHolderTwoImg .video-elem__thumbnail-wrap{width:100%;height:auto}@media (min-width:320px) and (max-width:991px){.placeHolderLeftBottomImg .placeHolderTwoImg{left:auto;width:100%;padding:5%;top:auto}}.placeHolderRightImg{margin-bottom:100px}@media (min-width:320px) and (max-width:991px){.placeHolderRightImg{margin-bottom:40px}}.placeHolderRightImg img{float:unset}.placeHolderRightImg .placeHolderImgWithBg{flex-direction:row}@media (min-width:320px) and (max-width:991px){.placeHolderRightImg .placeHolderImgWithBg{margin-top:0;flex-direction:column-reverse}}.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{top:10%}.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{width:auto;margin:0 30% 0 18%;text-align:center}.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h2{margin-bottom:15px}@media (min-width:992px){.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h2{margin-bottom:25px}}.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo h3{margin-bottom:0}@media (min-width:320px) and (max-width:991px){.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-160px;margin-top:0}.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0;width:100%}}@media (min-width:768px) and (max-width:991px){.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}@media (min-width:576px) and (max-width:767px){.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}.placeHolderRightImg .videoTextCard__title{margin:0 21% 0 10%}.placeHolderRightImg .placeHolderTwoImg{position:relative;right:4%;width:65%;height:100%;left:auto;top:auto}.placeHolderRightImg .placeHolderTwoImg .video-elem,.placeHolderRightImg .placeHolderTwoImg .video-elem__thumbnail-wrap{width:100%;height:auto}@media (min-width:320px) and (max-width:991px){.placeHolderRightImg .placeHolderTwoImg{left:auto;width:100%;padding:5%;right:auto}}.placeHolderRightBottomImg{margin-bottom:60px}@media (min-width:320px) and (max-width:991px){.placeHolderRightBottomImg{margin-bottom:0}}.placeHolderRightBottomImg img{float:unset}.placeHolderRightBottomImg .placeHolderImgWithBg{flex-direction:row}@media (min-width:320px) and (max-width:991px){.placeHolderRightBottomImg .placeHolderImgWithBg{margin-top:0;flex-direction:column-reverse}}.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:auto;margin-top:5%}.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0 30% 0 10%}@media (min-width:320px) and (max-width:991px){.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-160px;margin-top:0}.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder .placeHolderInfo{margin:0;width:100%}}@media (min-width:768px) and (max-width:991px){.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}@media (min-width:576px) and (max-width:767px){.placeHolderRightBottomImg .placeHolderImgWithBg .backgroundPlaceHolder{top:-280px}}.placeHolderRightBottomImg .videoTextCard__title{margin:0 21% 0 10%}.placeHolderRightBottomImg .placeHolderTwoImg{position:relative;right:5%;width:65%;height:100%;left:auto;top:60px}.placeHolderRightBottomImg .placeHolderTwoImg .video-elem,.placeHolderRightBottomImg .placeHolderTwoImg .video-elem__thumbnail-wrap{width:100%;height:auto}@media (min-width:320px) and (max-width:991px){.placeHolderRightBottomImg .placeHolderTwoImg{left:auto;width:100%;padding:5%;top:auto;right:auto}}.sideGutter .placeHolderTwo__title{padding:0 4%}@media (min-width:320px) and (max-width:991px){.sideGutter .placeHolderTwo__title{padding:0 20px}}.sideGutter.placeHolderRightBottomImg .placeHolderImgWithBg__bg-title-wrap,.sideGutter.placeHolderRightImg .placeHolderImgWithBg__bg-title-wrap{position:relative;left:4%}@media (min-width:320px) and (max-width:991px){.sideGutter.placeHolderRightBottomImg .placeHolderImgWithBg__bg-title-wrap,.sideGutter.placeHolderRightImg .placeHolderImgWithBg__bg-title-wrap{left:0}}.sideGutter.placeHolderRightBottomImg .placeHolderImgWithBg .placeHolderTwoImg,.sideGutter.placeHolderRightImg .placeHolderImgWithBg .placeHolderTwoImg{right:4%}@media (min-width:320px) and (max-width:991px){.sideGutter.placeHolderRightBottomImg .placeHolderImgWithBg .placeHolderTwoImg,.sideGutter.placeHolderRightImg .placeHolderImgWithBg .placeHolderTwoImg{right:0}}.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg__bg-title-wrap,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg__bg-title-wrap{position:relative;right:4%}@media (min-width:320px) and (max-width:991px){.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg__bg-title-wrap,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg__bg-title-wrap{right:0;order:1}}.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg .placeHolderTwoImg,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg .placeHolderTwoImg{left:4%}@media (min-width:320px) and (max-width:991px){.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg .placeHolderTwoImg,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg .placeHolderTwoImg{left:0}}.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg .placeHolderInfo,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg .placeHolderInfo{margin:0 15% 0 26%}@media (min-width:320px) and (max-width:991px){.sideGutter.placeHolderLeftBottomImg .placeHolderImgWithBg .placeHolderInfo,.sideGutter.placeHolderLeftImg .placeHolderImgWithBg .placeHolderInfo{margin:0}}.leftGutter .placeHolderTwo__title{padding:0 0 0 7.2%}.leftGutter.placeHolderRightBottomImg .placeHolderImgWithBg__bg-title-wrap,.leftGutter.placeHolderRightImg .placeHolderImgWithBg__bg-title-wrap{position:relative;left:4%}@media (min-width:320px) and (max-width:991px){.leftGutter.placeHolderRightBottomImg .placeHolderImgWithBg__bg-title-wrap,.leftGutter.placeHolderRightImg .placeHolderImgWithBg__bg-title-wrap{left:0}}.leftGutter.placeHolderRightBottomImg .placeHolderTwoImg,.leftGutter.placeHolderRightImg .placeHolderTwoImg{right:0}.leftGutter.placeHolderLeftBottomImg .placeHolderImgWithBg__bg-title-wrap,.leftGutter.placeHolderLeftImg .placeHolderImgWithBg__bg-title-wrap{position:relative;right:0}.leftGutter.placeHolderLeftBottomImg .placeHolderTwoImg,.leftGutter.placeHolderLeftImg .placeHolderTwoImg{left:4%}@media (min-width:320px) and (max-width:991px){.leftGutter.placeHolderLeftBottomImg .placeHolderTwoImg,.leftGutter.placeHolderLeftImg .placeHolderTwoImg{left:0}}.rightGutter .placeHolderTwo__title{padding:0 7.2% 0 0}.rightGutter.placeHolderRightBottomImg .placeHolderImgWithBg__bg-title-wrap,.rightGutter.placeHolderRightImg .placeHolderImgWithBg__bg-title-wrap{position:relative;left:0}.rightGutter.placeHolderRightBottomImg .placeHolderTwoImg,.rightGutter.placeHolderRightImg .placeHolderTwoImg{right:4%}@media (min-width:320px) and (max-width:991px){.rightGutter.placeHolderRightBottomImg .placeHolderTwoImg,.rightGutter.placeHolderRightImg .placeHolderTwoImg{right:0}}.rightGutter.placeHolderLeftBottomImg .placeHolderImgWithBg__bg-title-wrap,.rightGutter.placeHolderLeftImg .placeHolderImgWithBg__bg-title-wrap{position:relative;right:4%}@media (min-width:320px) and (max-width:991px){.rightGutter.placeHolderLeftBottomImg .placeHolderImgWithBg__bg-title-wrap,.rightGutter.placeHolderLeftImg .placeHolderImgWithBg__bg-title-wrap{right:0}}.rightGutter.placeHolderLeftBottomImg .placeHolderTwoImg,.rightGutter.placeHolderLeftImg .placeHolderTwoImg{left:0}.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder,.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{background:transparent}@media (min-width:992px){.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderImgWithBg .backgroundPlaceHolder,.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderRightImg .placeHolderImgWithBg .backgroundPlaceHolder{top:0}}.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderImgWithBg .placeHolderInfo,.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderRightImg .placeHolderImgWithBg .placeHolderInfo{text-align:left}.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderRightImg .placeHolderInfo{margin:0 30% 0 0}@media (min-width:992px){.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderRightImg .placeHolderInfo{margin:0 30% 0 10%}}.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderInfo{margin:0 10% 0 0}@media (min-width:992px){.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderInfo{margin:0 10% 0 20%}}@media (min-width:992px){.mobile-app-landing .sideGutter.placeHolderTwo.placeHolderLeftImg .placeHolderTwoImg{left:6.5%}}.mobile-app-landing .placeHolderLeftImg,.mobile-app-landing .placeHolderRightImg,.mobile-app-landing .whyWP-headWrap .placeholderImagenav-wrap{margin-bottom:0}.ap-revamp-rhs-pdp-wp .banner-desc-text p{letter-spacing:.5px;padding:0 270px;margin-top:20px}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .banner-desc-text p{letter-spacing:.54px;padding:0 30px;margin-top:20px}}.ap-revamp-rhs-pdp-wp .ccforms .enquire-form--enquire-sticky-variant.enquire-form__step-1--minimal{padding:56px 45px 70px}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .ccforms .enquire-form--enquire-sticky-variant.enquire-form__step-1--minimal{padding:30px 20px}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .ccforms .enquire-form__steps-overview{margin-bottom:23px!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .ccforms .floating-label:last-child{margin-bottom:0!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .ccforms .form-checkbox-input{margin-bottom:15px!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .stainResistanceComp.padding45,.ap-revamp-rhs-pdp-wp .stainResistanceComp .padding45{padding-left:0;padding-right:0}.ap-revamp-rhs-pdp-wp .stainResistanceComp .blackColorText h2,.ap-revamp-rhs-pdp-wp .stainResistanceComp .blackColorText p{padding:0 20px}.ap-revamp-rhs-pdp-wp .stainResistanceComp .sttabContainer h2,.ap-revamp-rhs-pdp-wp .stainResistanceComp .sttabContainer p{padding:0}}.ap-revamp-rhs-pdp-wp .placeHolderTwo blackColorText h2{margin-bottom:15px!important}.ap-revamp-rhs-pdp-wp .downloadColors .placeHolderInfo{margin:40px 10% 0 18%!important}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .downloadColors .placeHolderInfo{margin:2% 0 0!important}}.ap-revamp-rhs-pdp-wp .trendingArticlesSec .cmp-image{width:100%}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .bannerImgWithLeftTextComp .bannerTextDesc{width:100%!important}.ap-revamp-rhs-pdp-wp .bannerImgWithLeftTextComp .bannerTextDesc h1{font-size:40px!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .bannerImgWithLeftTextComp .ctaComp .ctaText,.ap-revamp-rhs-pdp-wp .similarProdWrap .ctaText{font-size:12px!important}}.ap-revamp-rhs-pdp-wp .similarProdWrap .similarProdHeading{text-align:left!important}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .similarProdWrap .similarProdHeading{padding-top:25px}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .imageWithRightTextComp .righttext-wrapper p{font-size:14px!important}}.ap-revamp-rhs-pdp-wp .imageWithRightTextComp .righttext-wrapper .ctaComp .ctaText{font-size:12px!important}.ap-revamp-rhs-pdp-wp .pbc-main-wrapper{padding:4%}.ap-revamp-rhs-pdp-wp .cmp-image picture,.ap-revamp-rhs-pdp-wp .placeHolderTwoImg picture,.ap-revamp-rhs-pdp-wp .stainResistanceWrap picture,.ap-revamp-rhs-pdp-wp .videoImgComponent picture{width:100%}.ap-revamp-rhs-pdp-wp .stainResistanceWrap .blackColorText.active p{font-weight:700!important}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .stainResistanceWrap .blackColorText.active p{font-size:16px!important}}.ap-revamp-rhs-pdp-wp .stainResistanceWrap .blackColorText p{font-weight:500}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .stainResistanceWrap .blackColorText p{font-size:16px!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .stainResistanceWrap .blackColorText button{display:flex;align-items:center;justify-content:space-between}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .exploreColors .blackColorText p{overflow:auto!important;text-overflow:inherit!important;white-space:normal!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .ctaComp.whiteBtn{margin-top:23px;padding:0 20px}}.ap-revamp-rhs-pdp-wp .centerCarouselWithText .lookbookItemImage{border-radius:0}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .centerCarouselWithText .lookbookItemImage{border-radius:0}}.ap-revamp-rhs-pdp-wp .centerCarouselWithText .trackImageTextWrap .track-since-you-like h3{font-weight:500}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .centerCarouselWithText .trackImageTextWrap .track-since-you-like h3{font-weight:500;font-size:12px!important}}.ap-revamp-rhs-pdp-wp .centerCarouselWithText .trackImageTextWrap .track-since-you-like p{font-size:13px!important;font-weight:300}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .centerCarouselWithText .trackImageTextWrap .track-since-you-like p{font-size:12px!important}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .no-border .leftImageRightText{border-bottom:1px solid rgba(34,34,34,.1)!important}.ap-revamp-rhs-pdp-wp .no-border .leftImageRightText:nth-child(2n+2){border-left:1px solid rgba(34,34,34,.1)!important}}.ap-revamp-rhs-pdp-wp .track_budget_calculator .topGap50-10{padding-top:0!important}.ap-revamp-rhs-pdp-wp .track_budget_calculator .let-us-know-budget h2{font-size:20px;text-transform:capitalize}.ap-revamp-rhs-pdp-wp .textOverImageWrap p{font-weight:500}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .palleteTitle{font-size:20px}}@media (min-width:320px) and (max-width:991px){.ap-revamp-rhs-pdp-wp .pbc-main-wrapper .planning-to-do .note{font-size:14px}}.placeHolderOne .titleAndDescription{margin-bottom:40px}.placeHolderOne .trendingItem .textLinks,.placeHolderOne .trendingItem h4,.placeHolderOne .trendingItem p{margin:15px 0}@media (min-width:320px) and (max-width:767px){.placeHolderOne .trendingItem .textLinks,.placeHolderOne .trendingItem h4,.placeHolderOne .trendingItem p{margin:10px 0}}.placeHolderOne .trendingItem .viewAllLink{color:#000;font-size:13px;border-bottom:2px solid #8839ff;text-decoration:none}@media (min-width:320px) and (max-width:767px){.placeHolderOne .trendingItem .viewAllLink{font-size:11px}}@media (min-width:320px) and (max-width:767px){.placeHolderOne .trendingItem:first-child{margin-right:0}}.placeHolderOne h2{line-height:40px;margin-bottom:55px;text-align:left}@media (min-width:320px) and (max-width:991px){.placeHolderOne h2{margin-bottom:20px;line-height:24px}}@media (min-width:991px) and (max-width:1200px){.placeHolderOne .placeHolderImg .imageWrapper{height:300px;overflow:hidden}}@media (min-width:1200px){.placeHolderOne .placeHolderImg .imageWrapper{height:300px;overflow:hidden;width:599px}}.placeHolderOne .placeHolderImg img{height:auto}.placeHolderOne .trendingArticlesSec{justify-content:center}@media (min-width:320px) and (max-width:767px){.placeHolderOne .trendingArticlesSec{display:block;overflow:hidden}}.placeHolderOne .trendingItem{padding:0;flex-basis:48%}.placeHolderOne .trendingItem h4,.placeHolderOne .trendingItem p{margin-left:0}.placeHolderOne .trendingItem h4{font-weight:700}.placeHolderOne .trendingItem p{font-size:14px}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem p{max-width:none;font-size:12px}}.placeHolderOne .trendingItem:last-child{margin-left:auto}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem:last-child{margin-top:40px}}.placeHolderOne .trendingArticlesSec>.aem-Grid.aem-Grid--12.aem-Grid--default--12{display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingArticlesSec>.aem-Grid.aem-Grid--12.aem-Grid--default--12{flex-wrap:wrap}}.placeHolderOne .trendingItem .rte.text h3{margin:20px 0 0;line-height:2;letter-spacing:normal}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem .rte.text h3{line-height:24px}}.placeHolderOne .trendingItem .rte.text h2{margin-bottom:10px;margin-top:10px}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem .rte.text h2{margin-bottom:0;margin-top:0}}.placeHolderOne .trendingItem .rte.text p{margin-top:5px;font-size:14px;line-height:1.71;letter-spacing:.54px}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem .rte.text p{line-height:22px;letter-spacing:.58px}}.placeHolderOne .trendingItem .ctaComp.linkBtn .ctaText{font-size:13px}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem .ctaComp.linkBtn .ctaText{font-size:12px}}.placeHolderOne .trendingItem img{width:100%;height:100%}@media (min-width:320px) and (max-width:991px){.placeHolderOne .trendingItem{flex-basis:100%}}.palleteTitle{margin-bottom:35px}@media (min-width:320px) and (max-width:991px){.palleteTitle{margin-bottom:25px}}@media (min-width:320px) and (max-width:991px){.shareComponent.fabric-share-icon{margin-left:auto!important}.shareComponent.fabric-share-icon .shareWithWrap.share-tool-box{left:-76px!important}}@media (min-width:320px) and (max-width:991px){.placeorder{order:6}}@media (min-width:320px) and (max-width:991px){.fabricdetailpage .twovariantscolumn{order:7}}.text-overlay{position:relative}.text-overlay__black:before{background-color:rgba(0,0,0,.4)}.text-overlay__black:before,.text-overlay__blueBerry:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.text-overlay__blueBerry:before{background-color:rgba(67,26,128,.4)}.text-overlay__white:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:hsla(0,0%,100%,.4)}.text-overlay__none{background-color:transparent}.two-in-row-variant .col-lg-6{display:grid;align-items:center}.two-in-row-variant .col-lg-6:nth-child(odd){padding-right:25px;padding-bottom:50px}@media (min-width:320px) and (max-width:991px){.two-in-row-variant .col-lg-6:nth-child(odd){padding:0;padding-bottom:25px}}.two-in-row-variant .col-lg-6:nth-child(2n){padding-left:25px;padding-bottom:50px}@media (min-width:320px) and (max-width:991px){.two-in-row-variant .col-lg-6:nth-child(2n){padding:0;padding-bottom:25px}}.borderAll{border:1px solid rgba(34,34,34,.3);border-radius:2px}.disabled{pointer-events:none;cursor:default}.ctaComp .ctaJumpLink{border-bottom:2px solid #431a80;font-weight:600}.ctaComp .ctaJumpLink:hover{color:#431a80}.background-color-cream{background-color:#fefcf7}.background-color-dark-cream{background:#ece5d7}.background-color-black{background:#000}.background-color-half-cream{background:linear-gradient(top,#ece5d7 50%,transparent 0)}.img-border-radius-20 img{border-radius:20px}@keyframes move-from-bottom-to-top{1%{bottom:-250px}to{bottom:0;opacity:1}}@keyframes fade-from-bottom-to-top{to{opacity:1}}.allow-bottom-up-animation{opacity:0}.animate-bottom-to-top{display:block;opacity:0;position:relative;animation:move-from-bottom-to-top 1.5s forwards}.animate-fade-to-top{display:block;opacity:0;position:relative;animation:fade-from-bottom-to-top 1.5s ease-in forwards}.twovariantscolumn-with-separate-description-cta .contentdiv.col-md-6{padding-right:10px}@media (min-width:320px) and (max-width:991px){.twovariantscolumn-with-separate-description-cta .contentdiv.col-md-6{padding-right:15px;margin-bottom:32px}}.twovariantscolumn-with-separate-description-cta .asidediv.col-md-6{padding-left:10px}@media (min-width:320px) and (max-width:991px){.twovariantscolumn-with-separate-description-cta .asidediv.col-md-6{padding-right:15px}}.twovariantscolumn-with-separate-description-cta .image img{width:100%;height:100%}.twovariantscolumn-with-separate-description-cta .rte{margin-top:24px}@media (min-width:320px) and (max-width:991px){.twovariantscolumn-with-separate-description-cta .rte{margin-top:15px}}.twovariantscolumn-with-separate-description-cta .rte h2{font-size:24px}@media (min-width:320px) and (max-width:991px){.twovariantscolumn-with-separate-description-cta .rte h2{font-size:16px}}.twovariantscolumn-with-separate-description-cta .rte p{font-size:16px;font-weight:500;line-height:22.4px}@media (min-width:320px) and (max-width:991px){.twovariantscolumn-with-separate-description-cta .rte p{font-size:12px}}.icon-wishlist{cursor:pointer;width:24px;height:24px;background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/wishlist/wishlist-unselected.svg) no-repeat}.icon-wishlist.in-wishlist{width:24px;height:24px;background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/wishlist/wishlist-selected.svg) no-repeat}label.checkbox-revamp-interior{display:flex;position:relative;padding-left:25px;cursor:pointer;font-size:12px;font-weight:500;line-height:normal}label.checkbox-revamp-interior .label-name{text-transform:capitalize}label.checkbox-revamp-interior input:checked~.checkmark{border:none;background-color:#00c853}label.checkbox-revamp-interior input:checked~.checkmark:before{content:""}label.checkbox-revamp-interior input:checked~.checkmark:after{display:block}label.checkbox-revamp-interior .checkmark{position:absolute;top:0;left:0;height:14px;width:15px;border-radius:2px;border:.5px solid #000;background:#fff;margin-top:2px}label.checkbox-revamp-interior .checkmark:before{content:"\002B";display:flex;justify-content:center;align-items:center;height:13px}label.checkbox-revamp-interior .checkmark:after{content:"";display:none;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;position:absolute;top:10%;left:40%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}label.checkbox-revamp-interior input[type=checkbox]{display:none}
.fade-scale{transform:scale(0);opacity:0;-webkit-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear}.fade-scale.in{opacity:1;transform:scale(1)}.minicart-cart-header{cursor:unset}.minicart-cart-header #CartLogo{position:relative;display:flex;cursor:pointer}.minicart-cart-header #CartLogo .iconLinks__cart{position:relative}.minicart-cart-header #CartLogo .cart-count{font-size:8px;line-height:10px;font-weight:700;position:absolute;right:4px;top:6px;width:12px;height:12px;color:#fff;background:#7345b2;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center}.minicart-cart-header .cart-items-wrapper{position:absolute;right:-10px;width:440px;height:450px;top:calc(100% + 2px);padding:30px 16px 16px 30px;z-index:1999;border-radius:10px;background-color:#fff;box-shadow:-4px 4px 16px 0 #00000040;display:none!important}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper{width:342px!important;transform:translateX(-43%);right:unset!important;height:448px!important;padding:18px 12px 16px 16px}}@media (min-width:992px) and (max-height:600px){.minicart-cart-header .cart-items-wrapper{height:430px}}.minicart-cart-header .cart-items-wrapper:after{content:"";right:25px;width:13px;height:13px;position:absolute;display:inline-block;bottom:calc(100% - 7px);transform:rotate(45deg);background-color:#fff;border-top:1px solid #fff;border-left:1px solid #fff;border-left-width:1px;border-left-style:solid;border-left-color:#fff;box-shadow:0 0 0 0 #00000040;border-top-left-radius:2px}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper:after{right:33px}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-shade{position:absolute;display:none}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-shade .mini-cart-shade--textArea *{color:#fff;font-size:20px}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-shade.mini-cart-shade--show{display:flex;align-items:center;justify-content:center;color:#fff;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:9999!important}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .text-uppercase{font-size:16px;line-height:21.86px;letter-spacing:1px;margin-bottom:10px!important;color:#2f2f2f;font-weight:800}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .text-uppercase{margin-bottom:0!important}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists{overflow-y:auto;max-height:calc(100% - 10px);padding-right:20px;height:307px}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists{padding-right:0}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ccc;display:flex;gap:16px}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product{gap:12px}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product:last-child{border-bottom:none}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product a{width:99px;height:82px;cursor:pointer}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product a .item-picture{width:100%;height:100%}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description{width:100%}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info{display:flex;justify-content:space-between}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info p{font-size:13px;font-weight:400;line-height:17.76px;color:#000}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info p{font-size:12px;line-height:16.39px}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .product-info-detail{height:36px;overflow:hidden}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .item-price{font-size:14px;font-weight:700;line-height:15.4px;margin-bottom:0;display:flex;align-items:center;margin-left:0}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .deleteIco-cart{height:24px;width:24px;border:1px solid #efefef;border-radius:100px;cursor:pointer}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .deleteIco-cart:after{content:"";background:url(../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/header/delete-icon.svg) no-repeat;display:block;height:22px;width:22px;background-position:51% 50%}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .deleteIco-cart:hover{background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%)}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .input-group{width:96px;height:36px;border:1px solid #efefef;border-radius:6px;padding:2px 4px;justify-content:center;align-content:center;align-items:center;margin-top:0}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .cart-quantity{border:none;text-align:center;height:25px;border-right:none;border-left:none;font-size:12px;font-weight:500;background-color:transparent;width:30px;line-height:14.4px;font-weight:700;color:#000}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .btn-number{display:flex;align-items:center;background:#fff;padding:5px;width:24px;height:24px;font-size:20px;font-weight:700;color:#222;border-radius:100px;justify-content:center;border:none}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists .list-of-product .product-description .product-info .btn-number:hover{background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%)}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists::-webkit-scrollbar{width:4px;-webkit-border-radius:100px}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:100px}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists::-webkit-scrollbar-thumb{background-color:#a9a9a9;-webkit-border-radius:100px}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .item-lists::-webkit-scrollbar{width:0}}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .total-checkout-wrap{left:0;bottom:0;z-index:20;width:100%;background-color:#fff;height:82px;padding:0 30px;box-shadow:-4px 4px 16px 0 #00000033;display:flex;justify-content:space-between;align-content:center;flex-wrap:wrap;align-items:center;border-radius:10px}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .total-checkout-wrap .cart-total-amount{display:flex;flex-direction:column;color:#000}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .total-checkout-wrap .cart-total-amount .total-amount-title{font-size:14px;font-weight:500;line-height:19.12px;margin-bottom:10px}.minicart-cart-header .cart-items-wrapper.shop-mini-cart-revamp .mini-cart-wraper .total-checkout-wrap .cart-total-amount .total-amount{font-size:20px;line-height:22px;font-weight:700}.minicart-cart-header .cart-items-wrapper.empty_cart{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}.minicart-cart-header .cart-items-wrapper.empty_cart .empty_cart_title{font-size:20px;font-weight:800;line-height:27.32px;padding:30px 0}@media (min-width:320px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper{width:100vw;right:-10px;height:calc(100vh - 50px);padding-bottom:40px}.minicart-cart-header .cart-items-wrapper:after{right:20px}.minicart-cart-header .cart-items-wrapper .item-lists{height:100%;padding-right:12px}}@media (min-width:768px) and (max-width:991px){.minicart-cart-header .cart-items-wrapper{right:0}}@media (min-width:576px) and (max-width:767px){.minicart-cart-header .cart-items-wrapper{right:0}}.minicart-cart-header .show-cart-items .cart-items-wrapper{display:block!important}.minicart-cart-header .show-cart-items .cart-items-wrapper.empty_cart{display:flex!important}.minicart-cart-header .show-cart-items .cart-items-wrapper.exit-intent-cta-hidden{right:-20px}.minicart-cart-header .show-cart-items .cart-items-wrapper.exit-intent-cta-hidden:after{right:24px}.hamburger{overflow:hidden!important}.mobile-burger-block{flex:0 0 40%}@media (min-width:992px){.mobile-burger-block{display:none}}.mobile-burger-block .burger__left .burger{position:relative;display:block;cursor:pointer;width:25px;height:15px;opacity:1;visibility:visible;z-index:150;background:transparent}.mobile-burger-block .burger__left .burger .header-hamburger-icon:before{display:inline-block;height:18px;width:18px;background-repeat:no-repeat;left:0;top:-2px;position:absolute}.mobile-burger-block .burger__left .burger.open{transform:translate(0)}.mobile-burger-block .burger__left .burger.open .header-hamburger-icon{display:none}.mobile-burger-block .burger__left .burger.open .header-hamburger-cross-icon{display:block!important}.mobile-burger-block .burger__left .burger.open .header-hamburger-cross-icon:before{display:inline-block;width:20px;height:20px;transform:translate(6px,6px)}.mobile-burger-block .burger__center .overlay{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:9;opacity:0;visibility:hidden;transition:all .45s ease-in-out;pointer-events:none;background:#fff}.mobile-burger-block .burger__center .overlay.is-active{opacity:1;visibility:visible;display:block}.mobile-burger-block .burger__center .menu{position:fixed;left:0;width:100%;max-width:100%;height:100%;z-index:100;overflow:hidden;background-color:#fff;transform:translate(-100%);transition:all .4s ease-in-out;top:60px;display:none}.mobile-burger-block .burger__center .menu .menu__home-link{float:right;z-index:121;position:relative;transform:translate(-30px,1px)}.mobile-burger-block .burger__center .menu .menu__header{position:relative;top:0;display:flex;align-items:center;justify-content:flex-start;height:60px;z-index:110;visibility:hidden;background:transparent;padding-left:17px}.mobile-burger-block .burger__center .menu .menu__header .menu__arrow .bx-chevron-left{margin-right:6px;display:block;margin-bottom:12px}.mobile-burger-block .burger__center .menu .menu__header .menu__arrow .bx-chevron-left:before{top:0;left:0;display:inline-block;position:relative}.mobile-burger-block .burger__center .menu .menu__header .menu__title{font-size:24px;font-weight:800;line-height:33.6px;color:#232426;transform:translateY(-10px)}.mobile-burger-block .burger__center .menu .menu__header.is-active{height:110px;align-items:end;justify-content:flex-start;box-shadow:none;top:0;visibility:visible;background-color:#fff;transform:translate(0)}.mobile-burger-block .burger__center .menu .menu__inner{height:100%;overflow-y:auto;overflow-x:hidden;margin-top:10px}@media (min-width:600px) and (max-width:991px){.mobile-burger-block .burger__center .menu .menu__inner{height:calc(100vh - 150px)}}.mobile-burger-block .burger__center .menu .menu__inner .menu__item{display:block;padding:0;position:static}.mobile-burger-block .burger__center .menu .menu__inner .menu__item a{justify-content:space-between;display:flex;align-items:center;cursor:pointer;color:#000;text-transform:none;transition:all .25s ease;font-size:20px;font-weight:700;line-height:28px;border-bottom:1px solid #cacbcc;margin:0 16px;padding:12px 0}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu{position:absolute;display:none;top:0;left:0;width:100%;height:100%;max-width:none;min-width:auto;margin:0;padding:125px 16px 0;border-radius:0;border-top:0;box-shadow:none;opacity:1;overflow-y:auto;visibility:visible;transform:translateX(0);z-index:100;background-color:#fff;transition:all .35s ease-in-out}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner{width:100%;padding:0}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__title:not(:empty){font-size:14px;font-weight:700;color:#8c8e90;text-transform:none;transition:all .3s ease;line-height:21px;margin-bottom:16px}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__title:empty{margin-bottom:0}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list{margin-bottom:15px}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list li{display:flex;align-items:baseline;gap:4px}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list li .new-tag-desk{font-size:10px;font-weight:700;color:#fff;background-color:#00c853;border-radius:2px;background-repeat:no-repeat;padding:1px 3px;line-height:12px;margin-left:8px;position:absolute;top:5px}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list li a{display:block;padding:0 0 20px;text-transform:none;color:#232426;transition:all .25s ease-in-out;font-size:16px;font-weight:500;line-height:24px;margin:0;border-bottom:none;width:100%;position:relative}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list li a .header-hamburger-submenu-icon:before{display:inline-block;height:12px;width:7px;position:absolute;left:auto;right:8px;top:0}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu .submenu__inner .submenu__list li .header-hamburger-submenu-icon{margin-left:auto}.mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu.is-active{display:block;padding:109px 16px 0;padding:118px 16px 0;height:calc(100vh - 140px)}.mobile-burger-block .burger__center .menu .menu__inner .menu__item.menu__dropdown .menu__link .bx-chevron-right{width:30px;position:relative;height:26px}.mobile-burger-block .burger__center .menu .menu__inner .menu__item.menu__dropdown .menu__link .bx-chevron-right:before{position:absolute;left:auto;right:16px;top:2px;display:inline-block;height:12px;width:7px}.mobile-burger-block .burger__center .menu .menu__inner .second-navigation-mobile{position:absolute;bottom:70px;width:100%}@media (min-width:360px) and (max-width:389px){.mobile-burger-block .burger__center .menu .menu__inner .second-navigation-mobile{bottom:20px}}.mobile-burger-block .burger__center .menu .menu__inner .second-navigation-mobile .menu__item a{font-size:16px;font-weight:400}.mobile-burger-block .burger__center .menu.is-active{transform:translate(0);display:block}.headerUnification_sticky .mobile-burger-block .burger__center .menu{top:50px}.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__header.is-active{display:flex;height:50px}.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__inner .menu__item .submenu.is-active{padding:58px 16px 0}.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__header{display:none}.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__header .menu__title{transform:translateY(-6px)}.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__header .menu__arrow .bx-chevron-left:after{top:4px}@media (min-width:600px) and (max-width:991px){.headerUnification_sticky .mobile-burger-block .burger__center .menu .menu__inner{height:calc(100vh - 100px)}}.menu__home-link.home_icon{z-index:999;transform:translate(-10px,10px)}.header-unification-section .ap-search-box,.header-unification-section .contact-number-section,.header-unification-section .find-contractors-icon,.header-unification-section .find-store-icon,.header-unification-section .minicart-cart-header,.header-unification-section .user-profile-section{cursor:pointer;margin:0;position:relative}@media (min-width:992px){.header-unification-section .contact-number-section,.header-unification-section .find-contractors-icon,.header-unification-section .find-store-icon,.header-unification-section .user-profile-section{margin-right:1.5%}}@media (min-width:992px){.header-unification-section .minicart-cart-header{margin-right:auto}}.header-unification-section .contact-icon img,.header-unification-section .find-contractors-icon img,.header-unification-section .find-store-icon img,.header-unification-section .profile-icon img,.header-unification-section .search-icon picture img{width:24px;height:24px;object-fit:contain}.header-unification-section .ap-search-box{width:25%;margin-right:32%}@media (min-width:1201px) and (max-width:1366px){.header-unification-section .ap-search-box{width:23%;margin-right:27%}}@media (min-width:320px) and (max-width:991px){.header-unification-section .ap-search-box{width:auto;margin-right:0}}@media (min-width:992px){.header-unification-section .ap-search-box.sticky-cta-removed{margin-right:45%}}.header-unification-section .ap-search-box .search-icon{width:100%;border-bottom:.5px solid #b0b1b3;border-radius:0;display:flex;justify-content:flex-start;align-items:center;padding:0 4px}@media (min-width:320px) and (max-width:991px){.header-unification-section .ap-search-box .search-icon{width:auto;border:none;border-radius:unset;padding:0}}.header-unification-section .ap-search-box .search-icon .search-placeholder{font-weight:400;font-size:14px;line-height:117%;letter-spacing:0;color:#8c8e90;margin-right:auto}.header-unification-section .ap-search-box .search-icon .search-placeholder span{line-height:147%;color:#4c4e52;padding-left:4px;opacity:.6}@media (min-width:320px) and (max-width:991px){.header-unification-section .ap-search-box .search-icon .search-placeholder{display:none}}.header-unification-section .ap-search-box .search-icon .header-search-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;margin-left:-6px;border-radius:0!important;position:relative}@media (min-width:320px) and (max-width:991px){.header-unification-section .ap-search-box .search-icon .visual-search-container{display:none}}.header-unification-section .contact-number-section,.header-unification-section .find-contractors-icon,.header-unification-section .find-store-icon,.header-unification-section .profile-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;margin-left:-6px}@media (min-width:992px){.header-unification-section .contact-number-section.show-cart-items:focus,.header-unification-section .contact-number-section:focus-visible,.header-unification-section .contact-number-section:hover,.header-unification-section .find-contractors-icon.show-cart-items:focus,.header-unification-section .find-contractors-icon:focus-visible,.header-unification-section .find-contractors-icon:hover,.header-unification-section .find-store-icon.show-cart-items:focus,.header-unification-section .find-store-icon:focus-visible,.header-unification-section .find-store-icon:hover,.header-unification-section .profile-icon.show-cart-items:focus,.header-unification-section .profile-icon:focus-visible,.header-unification-section .profile-icon:hover{background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%)}}.header-unification-section .contact-number-section .icon-tooltip-text,.header-unification-section .find-contractors-icon .icon-tooltip-text,.header-unification-section .find-store-icon .icon-tooltip-text,.header-unification-section .profile-icon .icon-tooltip-text{visibility:hidden;width:auto;height:auto;position:absolute;z-index:2;top:50px;left:50%;text-align:center;transform:translateX(-50%);font-size:14px;line-height:21px;letter-spacing:0;background-color:#fdf3e4;color:#000;border-radius:3px;padding:5px 10px;font-family:Manrope}@media (min-width:320px) and (max-width:991px){.header-unification-section .contact-number-section .icon-tooltip-text,.header-unification-section .find-contractors-icon .icon-tooltip-text,.header-unification-section .find-store-icon .icon-tooltip-text,.header-unification-section .profile-icon .icon-tooltip-text{display:none}}.header-unification-section .contact-number-section .icon-tooltip-text:after,.header-unification-section .find-contractors-icon .icon-tooltip-text:after,.header-unification-section .find-store-icon .icon-tooltip-text:after,.header-unification-section .profile-icon .icon-tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #fdf3e4}.header-unification-section .contact-number-section:hover .icon-tooltip-text,.header-unification-section .find-contractors-icon:hover .icon-tooltip-text,.header-unification-section .find-store-icon:hover .icon-tooltip-text,.header-unification-section .profile-icon:hover .icon-tooltip-text{visibility:visible}.header-unification-section .cart-items-dropdowb{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;margin-left:-6px}.header-unification-section .cart-items-dropdowb.show-cart-items:focus,.header-unification-section .cart-items-dropdowb:focus-visible,.header-unification-section .cart-items-dropdowb:hover{background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%)}.header-unification-section .cart-items-dropdowb .icon-tooltip-text{visibility:hidden;width:auto;height:auto;position:absolute;z-index:2;top:50px;left:50%;text-align:center;transform:translateX(-50%);font-size:14px;line-height:21px;letter-spacing:0;background-color:#fdf3e4;color:#000;border-radius:3px;padding:5px 10px;font-family:Manrope}@media (min-width:320px) and (max-width:991px){.header-unification-section .cart-items-dropdowb .icon-tooltip-text{display:none}}.header-unification-section .cart-items-dropdowb .icon-tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #fdf3e4}.header-unification-section .cart-items-dropdowb:hover .icon-tooltip-text{visibility:visible}.header-unification-section .cart-items-dropdowb picture .iconLinks__cart{width:24px;height:24px;object-fit:contain}.white-bar-section{background-color:#fefefd;padding:0 40px;height:auto;min-height:60px;max-height:60px;display:flex!important;justify-content:space-between;align-items:center;position:relative;z-index:2}.white-bar-section.navigation-white-bar{min-height:40px;max-height:40px;border-top:1px solid #efefef;padding:0;box-shadow:0 4px 16px -2px #1018281A;position:relative;z-index:1}@media (min-width:320px) and (max-width:991px){.white-bar-section{padding:6px 16px;justify-content:space-between;min-height:56px;max-height:56px;position:fixed;top:40px;z-index:1039}}.white-bar-section .ap-logo{display:flex;align-items:center;flex:0 0 15%}@media (min-width:1201px) and (max-width:1366px){.white-bar-section .ap-logo{flex:0 0 17%}}@media (min-width:992px) and (max-width:1200px){.white-bar-section .ap-logo{flex:0 0 14%}}@media (min-width:320px) and (max-width:991px){.white-bar-section .ap-logo{flex:0 0 40%}}.white-bar-section .ap-logo .img-wrapper{width:160px;height:31px;cursor:pointer}@media (min-width:320px) and (max-width:991px){.white-bar-section .ap-logo .img-wrapper{width:32px;height:100%}}.white-bar-section .ap-logo .img-wrapper img{width:100%;height:100%}.white-bar-section .find-contractors-icon,.white-bar-section .find-store-icon{cursor:pointer}.white-bar-section .user-profile-section{column-gap:25px;position:relative}@media (min-width:320px) and (max-width:991px){.white-bar-section .user-profile-section{column-gap:20px;display:none}}.white-bar-section .user-profile-section .profile-icon.user-is-logged-in .before-login{display:none}.white-bar-section .user-profile-section .profile-icon.user-is-logged-in img.after-login{display:block!important}.white-bar-section .user-profile-section .profile-popup-container{position:absolute;right:2px;top:44px;box-shadow:0 4px 16px 0 #0000001A;border-radius:5px;background:#fff;padding:12px;min-width:180px;z-index:3}.white-bar-section .user-profile-section .profile-popup-container:after{content:"";right:5px;width:22px;height:22px;position:absolute;display:inline-block;bottom:calc(100% - 13px);transform:rotate(45deg);background-color:#fff;border-top:1px solid #fff;border-left:1px solid #fff;border-left-width:1px;border-left-style:solid;border-left-color:#fff;box-shadow:0 0 0 0 #00000040;border-top-left-radius:4px;border-top-right-radius:2px}.white-bar-section .user-profile-section .profile-popup-container .p-name{font-size:14px;font-weight:500;color:#1d1d1f;cursor:default;line-height:19.12px;margin-bottom:10px;text-align:left}.white-bar-section .user-profile-section .profile-popup-container .p-name .bold-name{font-weight:800;margin-left:3px}.white-bar-section .user-profile-section .profile-popup-container .p-profile{padding:12px 18px;font-size:14px;font-weight:500;color:#1d1d1f;display:inline-flex}.white-bar-section .user-profile-section .profile-popup-container .p-profile .img-wrapper{width:24px;height:24px;margin-right:9px;display:flex;align-items:center}.white-bar-section .user-profile-section .profile-popup-container .p-wishlist{padding:12px 18px;font-size:14px;font-weight:500;color:#1d1d1f;display:inline-flex}.white-bar-section .user-profile-section .profile-popup-container .p-wishlist .img-wrapper{width:24px;height:24px;margin-right:10px;display:flex;align-items:center}.white-bar-section .user-profile-section .profile-popup-container .p-hover{border:1px solid transparent;align-items:center}.white-bar-section .user-profile-section .profile-popup-container .p-hover:focus,.white-bar-section .user-profile-section .profile-popup-container .p-hover:focus-visible,.white-bar-section .user-profile-section .profile-popup-container .p-hover:hover{cursor:pointer;background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%);border:1px solid #CCCCCC66;border-radius:10px}.white-bar-section .user-profile-section .profile-popup-container .cta{margin-top:8px}.white-bar-section .user-profile-section .profile-popup-container .cta a{min-width:100%;justify-content:center}.white-bar-section .user-profile-section .profile-popup-container .cta .animated-arrow-button{width:100%!important;justify-content:center!important;background:transparent}.white-bar-section .user-profile-section .profile-popup-container .cta .animated-arrow-button:hover{background:#fff7e8}.white-bar-section .user-profile-section .hello-user-popup-container{position:absolute;top:44px;right:-14px;font-weight:500;font-size:14px;background-color:#ffff;color:#000;padding:5px 19px;border-radius:6px;transform:translate(-14px);width:max-content;display:flex;align-items:center;box-shadow:4px 4px 10px 0 #00000029;gap:3px;z-index:1}@media (min-width:320px) and (max-width:991px){.white-bar-section .user-profile-section .hello-user-popup-container{z-index:20000;position:absolute;top:75px;right:90%;transform:unset;left:unset}}.white-bar-section .user-profile-section .hello-user-popup-container span{font-weight:700}.white-bar-section .user-profile-section .hello-user-popup-container:after{content:"";right:6px;width:22px;height:22px;position:absolute;display:inline-block;bottom:calc(100% - 13px);transform:rotate(45deg);background-color:#fff;border-top:1px solid #fff;border-left:1px solid #fff;border-left-style:solid;border-left-color:#fff;box-shadow:0 0 0 0 #00000040;border-top-left-radius:4px;border-top-right-radius:2px}@media (min-width:320px) and (max-width:991px){.white-bar-section .user-profile-section .hello-user-popup-container:after{content:none}}.white-bar-section .user-profile-section .hello-user-popup-container img{width:28px;height:28px}.white-bar-section .user-profile-section .hello-user-popup-container img:hover .login-hover-button{display:block}.white-bar-section .user-profile-section .hello-img{height:28px!important;width:28px!important}.white-bar-section nav{display:contents}.white-bar-section nav .desktop-home-icon li{padding:0 10px 0 6px;position:relative;margin-left:40px;margin-right:5px;cursor:pointer;list-style:none}.white-bar-section nav .desktop-home-icon li:hover:after{content:"";float:left;background:linear-gradient(91.16deg,#feb940 1.46%,#ee4137 51.38%,#431a80);width:100%;height:2px;border-radius:2px;position:absolute;bottom:-9px;left:0}.white-bar-section nav .desktop-home-icon li img{width:auto;height:100%}.white-bar-section nav .main-desktop-nav{float:left;width:100%;height:100%;margin:0;padding:0;list-style:none;background-color:#ffff;color:#000;display:flex;justify-content:left;line-height:60px;column-gap:10px}@media (min-width:320px) and (max-width:991px){.white-bar-section nav .main-desktop-nav{display:none}}.white-bar-section nav .main-desktop-nav .l1{display:inline;font-size:14px;font-weight:500;position:relative}@media (min-width:992px) and (max-width:1099px){.white-bar-section nav .main-desktop-nav .l1{font-size:14px}}.white-bar-section nav .main-desktop-nav .l1.active .anchor-main:after{content:"";float:left;background:linear-gradient(91.16deg,#feb940 1.46%,#ee4137 51.38%,#431a80);width:100%;height:2px;border-radius:3px;position:absolute;bottom:0;left:0}.white-bar-section nav .main-desktop-nav .l1 .anchor-main{float:left;text-decoration:none;margin:0;font-weight:500;font-size:14px;line-height:89%;letter-spacing:0;text-align:center;color:#2f2f2f;padding:13px 8px}.white-bar-section nav .main-desktop-nav .l1 .secondary-nav{display:none}.white-bar-section nav .main-desktop-nav .l1.active .secondary-nav,.white-bar-section nav .main-desktop-nav .l1:active .secondary-nav,.white-bar-section nav .main-desktop-nav .l1:focus .secondary-nav,.white-bar-section nav .main-desktop-nav .l1:hover .secondary-nav{position:absolute;top:38px;display:flex;z-index:-1;width:auto;margin:0;background-color:#fff;border-radius:0 0 10px 10px;box-shadow:4px 4px 16px 0 #0000001A;left:-30px}.white-bar-section nav .main-desktop-nav .l1.active .l2,.white-bar-section nav .main-desktop-nav .l1:active .l2,.white-bar-section nav .main-desktop-nav .l1:focus .l2,.white-bar-section nav .main-desktop-nav .l1:hover .l2{display:flex;border:1px solid transparent;position:relative;align-items:center}.white-bar-section nav .main-desktop-nav .l1.active .l2:first-child,.white-bar-section nav .main-desktop-nav .l1:active .l2:first-child,.white-bar-section nav .main-desktop-nav .l1:focus .l2:first-child,.white-bar-section nav .main-desktop-nav .l1:hover .l2:first-child{margin-top:20px}.white-bar-section nav .main-desktop-nav .l1.active .l2 a,.white-bar-section nav .main-desktop-nav .l1:active .l2 a,.white-bar-section nav .main-desktop-nav .l1:focus .l2 a,.white-bar-section nav .main-desktop-nav .l1:hover .l2 a{float:left;line-height:21px;font-size:14px;font-weight:500;color:#232426;text-decoration:none;margin:0;padding:12px 16px;width:100%}.white-bar-section nav .main-desktop-nav .l1.active .l2:active,.white-bar-section nav .main-desktop-nav .l1.active .l2:focus,.white-bar-section nav .main-desktop-nav .l1.active .l2:hover,.white-bar-section nav .main-desktop-nav .l1:active .l2:active,.white-bar-section nav .main-desktop-nav .l1:active .l2:focus,.white-bar-section nav .main-desktop-nav .l1:active .l2:hover,.white-bar-section nav .main-desktop-nav .l1:focus .l2:active,.white-bar-section nav .main-desktop-nav .l1:focus .l2:focus,.white-bar-section nav .main-desktop-nav .l1:focus .l2:hover,.white-bar-section nav .main-desktop-nav .l1:hover .l2:active,.white-bar-section nav .main-desktop-nav .l1:hover .l2:focus,.white-bar-section nav .main-desktop-nav .l1:hover .l2:hover{cursor:pointer;background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%);border:1px solid #CCCCCC66;border-radius:10px}.white-bar-section nav .main-desktop-nav .l1.active .l2 .new-tag-desk,.white-bar-section nav .main-desktop-nav .l1:active .l2 .new-tag-desk,.white-bar-section nav .main-desktop-nav .l1:focus .l2 .new-tag-desk,.white-bar-section nav .main-desktop-nav .l1:hover .l2 .new-tag-desk{letter-spacing:0;font-size:10px;font-weight:700;color:#fff;background-color:#00c853;border-radius:2px;background-repeat:no-repeat;padding:1px 3px;line-height:120%;margin-left:3px}.white-bar-section nav .main-desktop-nav .l1 .vertical-container{width:max-content;display:flex}.white-bar-section nav .main-desktop-nav .l1 .vertical-container:not(:last-child){padding-right:20px}.white-bar-section nav .main-desktop-nav .l1 .vertical-container .section{display:flex;flex-wrap:wrap;flex-direction:column}.white-bar-section nav .main-desktop-nav .l1 .vertical-container .section .section-name{font-size:14px;font-weight:700;line-height:21px;letter-spacing:0;color:#8c8e90;padding:20px 0 8px 17px;vertical-align:middle}.white-bar-section nav .main-desktop-nav .l1 .vertical-container .section .l2{padding:0}.white-bar-section nav .main-desktop-nav .l1 .vertical-container .section:not(:has(.section-name)) .l2:nth-of-type(8){margin-top:20px}.white-bar-section nav .main-desktop-nav .l1 .vertical-container .section:has(.section-name) .l2:nth-of-type(8){margin-top:49px}.white-bar-section nav .main-desktop-nav #box-1 .secondary-nav,.white-bar-section nav .main-desktop-nav #box-2 .secondary-nav{left:-40px}.white-bar-section nav .main-desktop-nav #box-2 .secondary-nav .vertical-container .section:has(.section-name) .l2:nth-of-type(7){margin-top:0}.white-bar-section nav .main-desktop-nav #box-2 .secondary-nav .vertical-container .section:has(.section-name) .l2:nth-of-type(8){margin-top:49px}.white-bar-section nav .second-desktop-nav{width:100%;height:100%;margin:0;padding:0;list-style:none;background-color:#ffff;color:#000;display:flex;justify-content:right;column-gap:10px;padding-right:40px}@media (min-width:320px) and (max-width:991px){.white-bar-section nav .second-desktop-nav{display:none}}.white-bar-section nav .second-desktop-nav li{display:inline;font-size:14px;font-weight:400;position:relative}@media (min-width:992px) and (max-width:1099px){.white-bar-section nav .second-desktop-nav li{font-size:14px}}.white-bar-section nav .second-desktop-nav li .anchor-main{float:left;text-decoration:none;margin:0;font-weight:400;font-size:14px;line-height:89%;letter-spacing:0;text-align:center;color:#2f2f2f;padding:13px 8px}.white-bar-section nav .second-desktop-nav li .anchor-main:hover:after{content:"";float:left;background:linear-gradient(91.16deg,#feb940 1.46%,#ee4137 51.38%,#431a80);width:100%;height:2px;border-radius:3px;position:absolute;bottom:0;left:0}@media (min-width:992px){.white-bar-section .exit-intent-header-cta-desktop{margin:auto 0;flex:none}}@media (min-width:320px) and (max-width:991px){.white-bar-section .exit-intent-header-cta-desktop{display:none}}.white-bar-section .exit-intent-header-cta-desktop a.animated-arrow-button{padding:5.5px 20px}.bottom-mobile-nav{display:none}@media (min-width:320px) and (max-width:991px){.bottom-mobile-nav{display:block!important}.bottom-mobile-nav .exit-intent-header-cta-mobile{width:fit-content;position:fixed;bottom:33px;right:70px;z-index:1038}.bottom-mobile-nav .exit-intent-header-cta-mobile a.animated-arrow-button{padding:5.5px 14px}}.bottom-mobile-nav .exit-intent-header-cta-desktop a.animated-arrow-button,.bottom-mobile-nav .exit-intent-header-cta-mobile a.animated-arrow-button,.white-bar-section .exit-intent-header-cta-desktop a.animated-arrow-button,.white-bar-section .exit-intent-header-cta-mobile a.animated-arrow-button{line-height:21px;color:#232426!important;background:#fcaf17!important;border:none!important;height:auto}.bottom-mobile-nav .exit-intent-header-cta-desktop a.animated-arrow-button:focus,.bottom-mobile-nav .exit-intent-header-cta-desktop a.animated-arrow-button:focus-visible,.bottom-mobile-nav .exit-intent-header-cta-desktop a.animated-arrow-button:hover,.bottom-mobile-nav .exit-intent-header-cta-mobile a.animated-arrow-button:focus,.bottom-mobile-nav .exit-intent-header-cta-mobile a.animated-arrow-button:focus-visible,.bottom-mobile-nav .exit-intent-header-cta-mobile a.animated-arrow-button:hover,.white-bar-section .exit-intent-header-cta-desktop a.animated-arrow-button:focus,.white-bar-section .exit-intent-header-cta-desktop a.animated-arrow-button:focus-visible,.white-bar-section .exit-intent-header-cta-desktop a.animated-arrow-button:hover,.white-bar-section .exit-intent-header-cta-mobile a.animated-arrow-button:focus,.white-bar-section .exit-intent-header-cta-mobile a.animated-arrow-button:focus-visible,.white-bar-section .exit-intent-header-cta-mobile a.animated-arrow-button:hover{color:#232426!important;background:#fdbf45!important;border:none!important}@media (min-width:991px){.body-container#container .desktop-home-icon li img{min-width:15px;min-height:20px}.body-container#container .desktop-home-icon li:hover:after{bottom:-8px}}#unified-search-popup .btn-close{position:absolute;top:19px;right:15px;border:none;background:transparent;border-radius:50%;width:37px;height:37px}@media (min-width:320px) and (max-width:991px){#unified-search-popup .btn-close{top:18px;right:1px}}@media (min-width:320px) and (max-width:376px){#unified-search-popup .btn-close{right:0}}#unified-search-popup .btn-close:focus,#unified-search-popup .btn-close:hover{background:linear-gradient(90.85deg,#f6edff 2.92%,#ffe9ea 61.17%,#fef4e1 98.14%);text-decoration:none;cursor:pointer}#unified-search-popup .modal-dialog{min-width:max-content}#unified-search-popup .modal-dialog .modal-body{padding-right:40px}@media (min-width:320px) and (max-width:991px){#unified-search-popup .modal-dialog .modal-body{padding-right:0}}#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch{border-color:#222;border-radius:45px;border:1px solid;width:750px;height:40px;margin:5px 28px 0}@media (min-width:320px) and (max-width:991px){#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch{width:300px;margin:5px 20px 0}}@media (min-width:320px) and (max-width:376px){#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch{margin:5px 3px 0}}@media (min-width:320px) and (max-width:360px){#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch{width:285px}}#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch .search-icon{margin:auto 9px 3px 20px}#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch input{border:none;width:88%;padding-top:8px}@media (min-width:320px) and (max-width:991px){#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch input{padding-top:0;margin-top:9px;width:70%}}#unified-search-popup .modal-dialog .modal-body .header-unification-globalsearch .search-with-image-button .header-image-search-icon:before{width:20px;height:20px;font-size:20px}#unified-search-popup .modal-dialog .modal-body .unbxd-autosuggest-mobile .unbxd-as-mobile{height:75vh!important}#unified-search-popup .modal-dialog .modal-content{top:46px}@media (min-width:320px) and (max-width:991px){#unified-search-popup .modal-dialog .modal-content{top:34px}}.search-modal .dealer-page{box-sizing:border-box;display:flex;padding:20px 0 10px 28px;gap:69px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page{display:flex;padding:13px 0 10px;gap:50px;flex-direction:column}}.search-modal .dealer-page .dealer-list{box-sizing:border-box;flex:2;display:flex;flex-direction:column;row-gap:15px}.search-modal .dealer-page .dealer-list #dealer-container{display:flex;flex-direction:column;gap:15px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page .dealer-list #dealer-container{width:98%}}.search-modal .dealer-page .dealer-list #dealer-container .display-card{display:flex;border-radius:10px;border:1px solid #e4e4e4;padding:11px 8px 15px;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page .dealer-list #dealer-container .display-card{padding:11px 8px 10px}}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .business-name{font-weight:700;font-size:12px;line-height:16px;letter-spacing:0;color:#232426;margin-bottom:11px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .address{font-weight:400;font-size:11px;line-height:16.8px;letter-spacing:0;color:#75787b;margin-bottom:13px;display:flex;align-items:center;gap:5px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .phone{margin-bottom:0;display:flex;gap:5px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .phone a{font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:0;color:#75787b;text-decoration:none}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right .label{padding:2px 5.5px;border-radius:6px;background-color:#eaf8f0;font-weight:400;font-size:10px;line-height:16.8px;color:#232426}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right .icon-group{display:flex;gap:10px}.search-modal .dealer-page .dealer-list .explore-link{font-weight:700;font-size:12px;line-height:100%;letter-spacing:0;color:#f47838;text-decoration:none}.search-modal .dealer-page .contractor-promo .video-thumbnail img{width:350px;height:390px;border-radius:10px;margin-left:69px}.search-modal .video-wrapper{position:relative;width:350px;height:390px}@media (min-width:320px) and (max-width:350px){.search-modal .video-wrapper{width:300px}}@media (min-width:351px) and (max-width:370px){.search-modal .video-wrapper{width:316px}}@media (min-width:371px) and (max-width:991px){.search-modal .video-wrapper{width:340px}}.search-modal .video-wrapper .dealer-video{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.search-modal .video-wrapper .video-overlay-text{position:absolute;bottom:0;left:0;width:100%;padding:0;color:#fff;padding:22px}.search-modal .video-wrapper .video-overlay-text h3{font-weight:800;font-size:36px;line-height:34px;letter-spacing:.75px;color:#fcfcfc;margin-bottom:4px}.search-modal .video-wrapper .video-overlay-text p{font-weight:400;font-size:24px;line-height:36px;letter-spacing:-.25px;color:#fcfcfc;margin-bottom:4px}.search-modal .dealer-page-contractor{box-sizing:border-box;display:flex;padding:20px 0 10px 28px;gap:59px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor{display:flex;padding:13px 0 10px;gap:50px;flex-direction:column}}.search-modal .dealer-page-contractor .dealer-list{box-sizing:border-box;flex:2;display:flex;flex-direction:column;row-gap:15px}.search-modal .dealer-page-contractor .dealer-list #contractor-container{display:flex;flex-direction:column;gap:15px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container{width:98%}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card{display:flex;border-radius:10px;border:1px solid #e4e4e4;padding:11px 8px 15px;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card{padding:11px 8px 10px;justify-content:space-between}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-image{width:68px;height:68px;border-radius:5px;overflow:hidden}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-image img{width:100%;height:100%}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left{margin-left:14px;flex:1}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .business-name{font-weight:700;font-size:12px;line-height:24px;letter-spacing:0;color:#222;margin-bottom:0}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .address{font-weight:400;font-size:12px;line-height:20px;letter-spacing:0;color:#75787b;margin-bottom:11px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary{display:flex;align-items:center;gap:.4rem}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .star-icon{font-size:14px;color:#f5b400}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .rating-value{font-weight:700;font-size:12px;line-height:16px;color:#232426}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .review-count{font-weight:400;font-size:12px;line-height:16.8px;color:#75787b;margin-left:8px;position:relative}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .review-count:after{content:"";height:18px;width:1px;display:block;border:1px solid;background:#848080;position:absolute;top:0;transform:translate(-7px)}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right{display:flex;align-items:flex-end}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .label{height:21px;width:71px;padding:6px 12px;border-radius:6px;gap:10px;background-color:#eaf8f0;font-weight:400;font-size:10px;line-height:16.8px;letter-spacing:0;color:#232426;margin-top:8px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group{display:flex;gap:10px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph{position:relative}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip{background-color:#fff;border:1px solid #ccc;padding:12px;width:200px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;text-align:center;transform:translateX(-50%);opacity:0;transition:opacity .3s;height:auto;bottom:-55px;display:none}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip:after{content:"";position:absolute;top:-6px;left:58%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip:before{content:"";position:absolute;top:-8px;left:58%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ccc}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip{display:none}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .icon-img:hover+.tooltip{opacity:1;display:block}.search-modal .dealer-page-contractor .dealer-list .explore-link{font-weight:700;font-size:12px;line-height:100%;letter-spacing:0;color:#f47838;text-decoration:none}.search-modal .dealer-page-contractor .contractor-promo{position:relative;width:350px;height:390px}@media (min-width:320px) and (max-width:350px){.search-modal .dealer-page-contractor .contractor-promo{width:300px}}@media (min-width:351px) and (max-width:370px){.search-modal .dealer-page-contractor .contractor-promo{width:316px}}@media (min-width:371px) and (max-width:991px){.search-modal .dealer-page-contractor .contractor-promo{width:340px}}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail{position:relative;width:100%;height:100%}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content{position:absolute;color:#fcfcfc;top:69px;padding:0 30px}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content h3{font-weight:800;font-size:42px;line-height:37px;letter-spacing:0;color:#4e422e;margin-bottom:4px}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content p{font-weight:400;font-size:16px;line-height:36px;letter-spacing:-.25px;color:#4e422e;margin-bottom:7px}.search-modal .dealer-page-contractor .dealer-list,.search-modal .dealer-page .dealer-list{position:relative}.search-modal .dealer-page-contractor .dealer-list .loader-icon,.search-modal .dealer-page .dealer-list .loader-icon{display:inline-block;animation:bounce 1.5s infinite ease-in-out;position:absolute;top:30%;left:35%;z-index:1}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .loader-icon,.search-modal .dealer-page .dealer-list .loader-icon{top:30%;left:32%}}.search-modal .dealer-page-contractor .dealer-list .explore-dealers-error,.search-modal .dealer-page .dealer-list .explore-dealers-error{position:absolute;top:43%;left:40%;transform:translate(-50%,-50%)}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .explore-dealers-error,.search-modal .dealer-page .dealer-list .explore-dealers-error{transform:translate(-42%,58%)}}.search-modal .dealer-page-contractor .dealer-list .explore-contractors-error,.search-modal .dealer-page .dealer-list .explore-contractors-error{position:absolute;left:36%;top:43%;transform:translate(-36%,-50%)}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .explore-contractors-error,.search-modal .dealer-page .dealer-list .explore-contractors-error{left:34%;transform:translate(-33%,58%)}}.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:focus,.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:hover,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:focus,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:hover{color:#232426!important;background:#fdbf45!important;border:none!important}.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:focus .arrow:after,.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:hover .arrow:after,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:focus .arrow:after,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:hover .arrow:after{filter:invert(1)}.search-modal .dealer-page-contractor .display-card .card-right .share-icons,.search-modal .dealer-page .display-card .card-right .share-icons{position:relative;cursor:pointer}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper{background-color:#fff;border:1px solid #ccc;padding:12px;width:200px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;text-align:center;transform:translateX(-50%);opacity:0;transition:opacity .3s;height:auto;bottom:-55px;bottom:unset;width:auto;text-align:start;padding:10px 14px;left:3px;top:43px}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper:after,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper:after{content:"";position:absolute;top:-6px;left:58%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper:before{content:"";position:absolute;top:-8px;left:58%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ccc}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper{width:min-content}}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper.clickedShareicon,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper.clickedShareicon{display:block!important;opacity:1!important}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li{margin-bottom:4px;padding:0}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold{margin:0;display:flex}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold:before{content:"";left:-3px;top:-6px;position:relative}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.wpIco:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.wpIco:before{background-position:-516px -295px}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.prIco,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.prIco{background-position:-589px -295px}#unified-search-popup .modal-dialog,.search-modal #unified-search-popup .modal-dialog{min-width:min-content}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.headerUnification{min-height:140px}@media (min-width:320px) and (max-width:991px){.headerUnification{min-height:94px}}.headerUnification .header-unification-section{display:flex!important;width:100%}@media (min-width:992px){.headerUnification .header-unification-section{position:fixed;top:0;z-index:1039}}.headerUnification .header-unification-section .header-main-logo-tabs-section{display:flex;justify-content:center;align-items:center;padding:0 40px;min-height:40px;max-height:40px}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section{padding:0 20px 0 0;position:fixed;top:0;z-index:1040;justify-content:left}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section{order:2;height:40px}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section{order:1}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a{cursor:pointer;height:100%;display:flex;justify-content:center;align-items:center}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a.active{border-radius:4px 4px 0 0}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a.active img{padding:0 12px}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a:not(.active) img{padding:0}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a:not(.active) img{padding:0}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section>a img{object-fit:contain;height:auto}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .ap-logo{width:104.5px;height:100%}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .ap-logo{width:84px;height:100%}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .bh-logo{width:100px;height:100%}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .bh-logo{width:81px;height:100%}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .ap-logo img,.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .bh-logo img{width:100%;height:100%;object-fit:contain}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .logo-0{margin-right:25px}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .logo-0 img{padding:0 5px!important}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .logo-0{margin-right:10px}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .logo-1{margin-right:10px}@media (min-width:320px) and (max-width:991px){.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .logo-2{width:55px}}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-0:focus,.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-0:focus-visible{color:#fff!important;outline-width:2px!important}.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-1:focus,.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-1:focus-visible,.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-2:focus,.headerUnification .header-unification-section .header-main-logo-tabs-section .logo-section .focus-visible-auto-imp.logo-2:focus-visible{color:#fff!important;margin:2px}.visible-desktop{display:block!important}@media (min-width:320px) and (max-width:991px){.visible-desktop{display:none!important}}.visible-mobile{display:none!important}@media (min-width:320px) and (max-width:991px){.visible-mobile{display:block!important}}body .body-container#container .visual-search-container,body.bodycampaign .visual-search-container{display:none}body .body-container#container .profile-popup-container .cta.animated-btn-black .animated-arrow-button{border:1px solid #232426;background:transparent;border-radius:45px;padding:14px 20px;align-items:center;font-size:14px;font-weight:700;display:inline-flex;gap:10px;height:38px;cursor:pointer}body .body-container#container .profile-popup-container .cta.animated-btn-black .animated-arrow-button:hover{background:#fff7e8}body .body-container#container #logout-confirmation-modal{font-weight:300}body .body-container#container #logout-confirmation-modal .modal-title{font-size:20px;font-weight:500;margin-top:-20px}
/*
updated by icf to the new version on 13-Sep-19
*/

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::after,.was-validated .custom-file-input:valid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::after,.was-validated .custom-file-input:invalid~.custom-file-label::after{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{height:calc(2.875rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{height:calc(1.8125rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-label::after{border-color:#80bdff}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:2.25rem;padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;padding-left:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media screen and (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion .card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion .card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion .card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion .card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		/*background-image: url(clientlib-site-shop/css/mCSB_buttons.png);*/ /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

a:hover,
a:focus {
    text-decoration: none;
}

.wrapper {
    width: 100%;
    float: left;
    position: relative
}

.g-left {
    float: left
}

.g-right {
    float: right
}

.g-row-m {
    margin-top: 40px;
    margin-bottom: 40px
}

.g-con-row {
    margin: 40px 0
}

@media only screen and (max-width: 767px) {
    .g-con-row {
        margin: 30px 0
    }
}

@media only screen and (max-width: 440px) {
    .g-con-row {
        margin: 15px 0
    }
}

.g-margin-bottom {
    margin-bottom: 40px
}

.g-close-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

body {
    font-family: "Open Sans";
    padding-top: 120px !important
}

@media only screen and (max-width: 440px) {
    body {
        padding-top: 65px !important
    }
}

.bodycampaign {
    padding-top: 0px !important
}

.regular-banner img {
    width: 100%
}

.width-100 {
    width: 100%
}

#nav-icon4 {
    width: 25px;
    height: 25px;
    margin-right: 30px;
    position: relative;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    margin-top: 26px;
    display: none
}

@media only screen and (max-width: 880px) {
    #nav-icon4 {
        display: block
    }
}

@media only screen and (max-width: 440px) {
    #nav-icon4 {
        margin-right: 10px;
        margin-top: 12px
    }
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #7350ac;
    opacity: 1;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(2) {
    top: 7px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px
}

.h1 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 40px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h1 {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h1 {
        font-size: 22px;
        padding-left: 25px
    }
}

.h2 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 36px;
    color: #444;
    margin: 0px;
    padding: 0px
}

.h2 .rose {
    color: #ff6b6b
}

@media only screen and (max-width: 1600px) {
    .h2 {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h2 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h2 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h2 {
        font-size: 21px;
        padding-left: 25px
    }
}

.section-header {
    position: relative;
    margin-bottom: 40px
}

@media only screen and (max-width: 440px) {
    .section-header {
        margin-bottom: 20px
    }
}

.section-header:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #ff6b6b;
    left: -65px;
    top: 50%;
    translate: transformY(-50%)
}

@media only screen and (max-width: 991px) {
    .section-header:before {
        left: -25px
    }
}

@media only screen and (max-width: 767px) {
    .section-header:before {
        left: -15px
    }
}

@media only screen and (max-width: 568px) {
    .section-header:before {
        width: 30px
    }
}

.section-header:after {
    display: none
}

.h3,
.typography h3 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 30px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h3,
    .typography h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 440px) {
    .h3,
    .typography h3 {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.h4,
.typography h4 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h4,
    .typography h4 {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .h4,
    .typography h4 {
        font-size: 18px
    }
}

.h5,
.typography h5 {
    font-family: "Open Sans Semibold";
    font-size: 22px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h5,
    .typography h5 {
        font-size: 18px
    }
}

@media only screen and (max-width: 440px) {
    .h5,
    .typography h5 {
        font-size: 16px
    }
}

.h6,
.typography h6 {
    font-family: "Open Sans";
    font-size: 18px;
    color: #444;
    font-weight: 400;
    margin: 0px
}

.p,
.typography p {
    font-family: "Open Sans";
    font-size: 14px;
    color: #444;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (max-width: 1600px) {
    .p,
    .typography p {
        font-size: 14px
    }
}

@media only screen and (max-width: 440px) {
    .p,
    .typography p {
        font-size: 14px;
        line-height: 21px
    }
}

.link-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #7350ac
}

@media only screen and (max-width: 767px) {
    .link-text {
        font-size: 14px
    }
}

.copy-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #444
}

@media only screen and (max-width: 767px) {
    .copy-text {
        font-size: 14px
    }
}

.animate-1,
.global-button,
.global-button-white,
.form-box .focusLine {
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out
}

.animate-2,
.c-sort-list,
.c-mob-product-details ul li,
.c-mob-product-details ul li:after,
.c-accordian {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.animate-3 {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.rupee-symbol {
    font-family: 'rupee_foradian1-webfont'
}

.g-left-dropdown {
    display: none
}

.typography h3 {
    margin: 0px
}

.typography h4 {
    margin: 0px
}

.typography h5 {
    margin: 0px
}

.typography h6 {
    margin: 0px
}

.typography ul {
    margin: 0;
    padding: 0
}

.typography ul li {
    list-style: none !important;
    font-size: 14px;
    font-family: "Open Sans";
    color: copy-text;
    position: relative;
    display: list-item;
    margin: 10px 0 10px 25px !important;
    line-height: 24px !important;
    padding: 0;
    background: none
    list-style-type: none;
}

.typography.no-bullets ul li {
    margin: 20px 0 20px 0 !important
}

.typography.no-bullets ul li:before {
    content: none
}

.section {
    clear: both
}

.global-button {
    background-color: #7350ac !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #fff !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button:hover {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button:focus {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button-white {
    background-color: #fff !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #7350ac !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button-white:hover {
    background-color: #7350ac !important;
    color: #fff !important
}

.global-button-white:focus {
    background-color: #7350ac !important;
    color: #fff !important
}

.form-box .error:last-child {
    color: #d6330d;
    font-size: 11px;
    position: absolute;
    bottom: -12px;
    left: 0px
}

.form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="text"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box input[type="password"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="password"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #fff url("clientlib-site-shop/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    font-family: "Open Sans";
    font-size: 14px;
    color: #444
}

.form-box select:option {
    padding: 5px
}

.form-box .focusLine {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #7350ac;
    z-index: 5
}

.form-box .radiobtn {
    display: inline-block
}

.form-box .radiobtn label {
    position: relative
}

.form-box .radiobtn label p {
    position: relative;
    left: -30%;
    bottom: -30px;
    margin: 0px auto
}

.form-box .radiobtn label:before {
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    border: solid 1px #7350ac
}

.form-box .radiobtn label input {
    visibility: hidden;
    position: absolute
}

.form-box .radiobtn label input:checked+label:before {
    background-color: #7350ac;
    border-radius: 10px;
    border: solid 1px #fff
}

.form-box .checkbox {
    position: relative;
    margin-left: 30px
}

.form-box .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-box .checkbox .form-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid 1px #444
}

.form-box .checkbox .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.form-box .checkbox input:checked ~ .form-indicator {
    background-color: #fff;
    border: solid 1px #d6330d
}

.form-box .checkbox input:checked ~ .form-indicator:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid 1px #444;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.form-box label {
    font-family: "Open Sans";
    font-size: 14px
}

select option {
    background-color: #fff;
    border: solid 1px #838383;
    padding: 5px
}

.sprite-box a {
    background: url(clientlib-site-shop/images/global-sprite.png);
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block
}

.sprite-box a.login {
    background-position: 2px 27px
}

.sprite-box a.cart {
    background-position: 49px 27px
}

.sprite-box a.search {
    background-position: 103px 27px
}

.sprite-box a.left-arrow {
    background-position: 155px 27px
}

.sprite-box a.right-arrow {
    background-position: 197px 27px
}

.sprite-box a.play {
    background-position: 242px 27px
}

.sprite-box a.close {
    background-position: 292px 27px
}

.sprite-box a.cross {
    background-position: 350px 27px
}

.sprite-box a.download {
    background-position: 403px 27px
}

.sprite-box a.edit {
    background-position: 460px 27px
}

.sprite-box a.delete {
    background-position: 515px 27px
}

.sprite-box a.print {
    background-position: 566px 27px
}

.sprite-box a.map {
    background-position: 615px 27px
}

.sprite-box a.like {
    background-position: 661px 27px
}

.sprite-box a.share {
    background-position: 719px 27px
}

.g-arrow-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5px
}

@media only screen and (max-width: 1440px) {
    .g-arrow-container {
        left: auto;
        right: 20%
    }
}

@media only screen and (max-width: 767px) {
    .g-arrow-container {
        left: auto;
        right: 30px;
        transform: none
    }
}

.g-arrow-container .slick-arrow img {
    border: none
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden
    }
}

.c-tabbing .nav li a:hover {
    background-color: transparent
}

.c-tabbing .nav li a:focus {
    background-color: transparent
}

.c-tabbing .nav-tabs {
    border-bottom: none
}

.c-tabbing .nav-tabs ul {
    display: flex;
    align-items: top;
    justify-content: space-between
}

.c-tabbing .nav-tabs ul li {
    display: inline-block;
    position: relative;
    text-align: center
}

.c-tabbing .nav-tabs ul li a {
    border-radius: 0;
    border: none;
    padding: 0;
    font-family: "Open Sans";
    font-size: 16px;
    color: #444;
    border: none
}

.c-tabbing .nav-tabs ul li a:hover {
    background-color: none;
    border: none
}

.c-tabbing .nav-tabs ul li.active a {
    border: none;
    color: #7350ac
}

.c-tabbing .nav-tabs ul li.active a:hover {
    border: none
}

.c-tabbing .nav-tabs ul li.active a:focus {
    border: none
}

.c-tabbing .nav-tabs ul li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -12px;
    background-color: #bb9fea;
    left: 0;
    height: 5px
}

.c-shop-border {
    position: relative
}

.c-shop-border:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    height: 1px;
    bottom: -15px;
    z-index: -1
}

.c-sort-list {
    position: relative
}

.c-sort-list span {
    float: left;
    padding-right: 65px;
    font-size: 18px;
    font-weight: bold
}

.c-sort-list .sort-close {
    float: right;
    font-size: 18px;
    color: #7350ac;
    font-family: "Open Sans";
    cursor: pointer;
    padding-right: 10px
}

.c-sort-list ul {
    margin: 0;
    padding: 0
}

.c-sort-list ul li {
    display: inline-block;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    position: relative
}

.c-sort-list ul li a {
    color: #000
}

.c-sort-list ul li.active a {
    color: #bb9fea
}

.c-sort-list ul li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -12px;
    background-color: #bb9fea;
    left: 0;
    height: 5px
}

.c-sort-list:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    height: 1px;
    bottom: -10px;
    z-index: -1
}

@media only screen and (max-width: 1140px) {
    .c-sub1-accordian .accor-title {
        padding-right: 20px
    }
    .c-sub2-accordian .accor-title {
        padding-right: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .c-sort-list ul li {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-sort-list span {
        padding-right: 10px;
        font-size: 14px
    }
    .c-sort-list ul li {
        font-size: 12px;
        padding: 0 9px
    }
    .c-sub1-accordian .accor-title {
        font-size: 14px
    }
    .c-sub2-accordian .accor-title {
        font-size: 14px
    }
    .c-filetr-box .form-box label {
        font-size: 13px
    }
    .c-tabbing .nav-tabs ul li a {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .c-sort-list ul li {
        display: block;
        width: 100%;
        padding: 15px 15px 15px 0;
        font-size: 14px
    }
    .c-sort-list ul li.active::before {
        content: none
    }
    .c-sort-list::after {
        content: none
    }
    .c-sort-list {
        position: fixed;
        z-index: 10;
        left: -100%;
        width: 100%;
        background-color: #ffffff;
        padding: 50px 10px;
        height: calc(100% - 80px);
        bottom: 40px;
        overflow-y: scroll
    }
    .c-sort-list.c-sort-list-mob-show {
        left: 0
    }
    .c-tabbing .nav-tabs {
        margin-top: 20px
    }
    .c-tabbing .nav-tabs ul li.active:before {
        content: none
    }
    .c-tabbing .nav-tabs ul {
        display: block
    }
    .c-tabbing .nav-tabs ul li {
        text-align: left
    }
    .c-sort-list ul li:first-child {
        padding-top: 40px
    }
}

@media only screen and (min-width: 441px) and (max-width: 767px) {
    .c-sort-list {
        padding: 95px 10px
    }
}

.c-product-zoom-box {
    margin-top: 0
}

.c-product-zoom-box .zoom-box {
    position: relative;
    text-align: center
}

.c-product-zoom-box .zoom-box>div {
    display: inline-block;
    position: relative
}

.c-product-zoom-box .zoom-box img {
    width: 100%;
    display: inline-block
}

@media only screen and (max-width: 1366px) {
    .c-product-zoom-box .zoom-box img {
        max-height: 390px;
        width: auto
    }
}

.c-product-zoom-box .zoom-box .right-bottom-box {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer
}

.c-product-zoom-box .zoom-list ul {
    margin: 0;
    padding: 0
}

.c-product-zoom-box .zoom-list ul li {
    float: left;
    display: inline-block;
    float: left;
    width: 100%
}

.c-product-zoom-box .zoom-list ul li img {
    width: 100%;
    padding: 10px 5px
}

.c-product-zoom-box .slick-slide {
    height: auto
}

@media only screen and (max-width: 767px) {
    .c-product-zoom-box {
        overflow: hidden;
        margin-top: 25px
    }
}

.left-top-box {
    background-color: #fbc531;
    padding: 5px 15px;
    position: absolute;
    display: inline-block;
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #444;
    text-align: center;
    left: 0;
    top: 10px
}

.left-top-box:after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    padding: 5px;
    font-size: 0px;
    line-height: 0%;
    width: auto;
    border-top: 24px solid #fbc531;
    border-right: 24px solid transparent
}

.c-all-reviews a.global-button-white {
    margin-bottom: 30px !important
}

.zoom-thumb-slider .slick-track {
    margin-left: 0
}

.c-product-zoom-box .zoom-box a {
    cursor: auto
}

.c-product-zoom-box .zoom-box .right-bottom-box a {
    cursor: pointer
}

.c-product-zoom-box .big-slider-container {
    height: auto
}

.c-starbox {
    display: flex;
    align-items: center;
    font-size: 14px
}

.c-starbox .stars {
    background: url("clientlib-site-shop/images/stars.webp") repeat-x 0 0;
    width: 100px
}

.c-starbox .stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.c-starbox .stars input[type="radio"].star-5:checked ~ span {
    width: 100%
}

.c-starbox .stars input[type="radio"].star-4:checked ~ span {
    width: 80%
}

.c-starbox .stars input[type="radio"].star-3:checked ~ span {
    width: 60%
}

.c-starbox .stars input[type="radio"].star-2:checked ~ span {
    width: 40%
}

.c-starbox .stars input[type="radio"].star-1:checked ~ span {
    width: 20%
}

.c-starbox .stars label {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer
}

.c-starbox .stars label:hover ~ span {
    background-position: 0 -20px
}

.c-starbox .stars label .star-5:hover ~ span {
    width: 100% !important
}

.c-starbox .stars label .star-4:hover ~ span {
    width: 80% !important
}

.c-starbox .stars label .star-3:hover ~ span {
    width: 60% !important
}

.c-starbox .stars label .star-2:hover ~ span {
    width: 40% !important
}

.c-starbox .stars label .star-1:hover ~ span {
    width: 20% !important
}

.c-starbox .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    background: url("clientlib-site-shop/images/stars.webp") repeat-x 0 -40px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s
}

.c-starbox .review {
    margin-left: 20px
}

.c-offers-box div {
    display: flex;
    align-items: center
}

.c-offers-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-offers-box .amt-line {
    color: #838383;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-offers-box .amt {
    color: #444;
    font-family: "Open Sans";
    font-size: 20px;
    margin: 0 20px 0 0
}

.c-offers-box h5 {
    margin: 10px 0 10px 0
}

.c-offers-box .copy-text {
    margin: 15px 0 15px 0;
    font-weight: normal;
    font-size: 14px
}

.c-offers-box .amount-box {
    margin: 30px 0 20px 0
}

.c-offers-box .amount-box .amt-line {
    font-size: 25px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .amt-line {
        font-size: 20px
    }
}

.c-offers-box .amount-box .amt {
    font-size: 30px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .amt {
        font-size: 25px
    }
}

.c-offers-box .amount-box .green-text {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .green-text {
        font-size: 16px
    }
}

.c-quantity-box {
    margin: 30px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: start
}

.c-quantity-box label {
    width: 130px
}

@media only screen and (max-width: 767px) {
    .c-quantity-box label {
        font-size: 14px
    }
}

.c-quantity-box .calculation {
    display: flex
}

.c-quantity-box .calculation .minus {
    background-color: #7350ac;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    position: relative
}

.c-quantity-box .calculation .minus span {
    transform: translateY(-50%)
}

.c-quantity-box .calculation .plus {
    background-color: #7350ac;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 25px;
    color: #fff;
    cursor: pointer
}

.c-quantity-box .calculation .Number input {
    background-color: #f2f2f3;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 20px;
    color: #7350ac;
    cursor: pointer;
    border: none;
    text-align: center
}

.c-quantity-box .calculation .Number input[type=number]::-webkit-inner-spin-button,
.c-quantity-box .calculation .Number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-product-specs {
    margin-top: 30px
}

.c-product-specs .section-header {
    margin-bottom: 30px
}

@media only screen and (max-width: 440px) {
    .c-product-specs .section-header {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 1440px) {
    .c-product-specs {
        margin-top: 60px
    }
}

@media only screen and (max-width: 1140px) {
    .c-product-specs {
        margin-top: 30px
    }
}

.c-product-specs .c-starbox {
    margin: -20px 0 20px 0
}

@media only screen and (max-width: 767px) {
    .c-product-specs .c-starbox {
        margin: 20px 0 20px 0
    }
}

.c-product-specs .product-specs-box {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 30px 0
}

.c-product-specs .product-specs-box label {
    width: 130px
}

@media only screen and (max-width: 767px) {
    .c-product-specs .product-specs-box label {
        font-size: 14px
    }
}

.c-product-specs .form-box {
    position: relative
}

.c-product-specs .form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

@media only screen and (max-width: 440px) {
    .c-product-specs .form-box input[type="text"] {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .c-product-specs .form-box input[type="text"] {
        font-size: 14px
    }
}

.c-product-specs .form-box .google-map-icon {
    position: absolute;
    right: 0;
    top: 0
}

.c-product-specs .global-button-white {
    margin-right: 10px
}

.c-product-specs .typography {
    margin: 30px 0 30px 0
}

@media only screen and (max-width: 991px) {
    .c-product-specs .section-header::before {
        left: -65px
    }
}

@media only screen and (max-width: 767px) {
    .c-product-specs .section-header::before {
        left: -15px;
        width: 30px
    }
}

.c-product-specs .h2 {
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .c-product-specs .h2 {
        padding-left: 25px
    }
}

.c-description-box {
    margin-top: 40px;
}

.c-description-box p {
    line-height: 24px;
    margin: 0;
    font-size: 14px;
}

.ap-shop-product-info .c-description-box.specs .h5 {
    margin: 0;
}
.ap-shop-product-info .c-specs-title-wp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ap-shop-product-info .c-specs-title-wp label {
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .c-description-box {
        display: none
    }
}

.error-global {
    display:none;
    color: #d6330d;
    font-size: 13px;
    padding: 10px 0
}

.c-section-divider {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.c-section-divider img {
    width: 100%
}

.c-mob-product-details {
    display: none;
    margin-bottom: 20px;
    cursor: pointer
}

.c-mob-product-details ul {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #cfcfcf
}

.c-mob-product-details ul li {
    color: #838383;
    position: relative;
    display: inline-block;
    margin: 0 2px;
    padding: 15px 0px;
    position: relative
}

.c-mob-product-details ul li:after {
    background-color: #000;
    content: "";
    width: 0%;
    height: 4px;
    position: absolute;
    width: 0%;
    bottom: 0px;
    left: 0px
}

.c-mob-product-details ul li:hover,
.c-mob-product-details ul li.active {
    color: #000
}

.c-mob-product-details ul li:hover:after,
.c-mob-product-details ul li.active:after {
    width: 100%
}

.c-mob-product-details ul li:first-child {
    margin: 0 9px 0 0
}

@media only screen and (max-width: 767px) {
    .c-mob-product-details {
        display: block
    }
}

.c-rating-box {
    display: table;
    margin: 0 0 30px 0
}

@media only screen and (max-width: 767px) {
    .c-rating-box {
        display: block
    }
}

.c-rating-box .purple-box {
    background-color: #7350ac;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    position: relative;
    font-family: "Open Sans Semibold";
    color: #fff;
    font-size: 30px;
    margin: 0 30px 0 0;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .c-rating-box .purple-box {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin: 0 0 20px 0
    }
}

.c-rating-box .purple-box .rating {
    line-height: 80px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .c-rating-box .purple-box .rating {
        line-height: 60px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .c-rating-box p {
        margin: 5px 0 0 0
    }
}

.c-rating-box .c-starbox {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.c-grey-box {
    background-color: #f2f2f2;
    padding: 20px 0
}

.c-terms-conditions {
    font-family: "Open Sans";
    color: #333333;
    font-size: 13px;
    text-align: right;
    text-decoration: underline
}

.c-terms-conditions a {
    color: #333333
}

.c-terms-conditions a:hover {
    color: #838383
}

.c-product-details-tools .tools-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center
}

.c-product-details-tools .tools-list ul li {
    padding: 0 5px
}

.c-product-details-tools .tools-list ul li h5 {
    padding-top: 15px;
    font-family: "Open Sans"
}

@media only screen and (max-width: 440px) {
    .c-product-details-tools .tools-list ul li h5 {
        padding-top: 0px
    }
}

@media only screen and (max-width: 767px) {
    .c-product-details-tools .tools-list ul li p {
        font-size: 13px
    }
}

.c-two-column-box .cat-list .left-top-box {
    left: 15px
}

.c-two-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(50% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-two-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-two-column-box .cat-list ul li a {
    color: #333333
}

.c-two-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-two-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-two-column-box .cat-list ul li div.amount-box {
    display: flex;
    align-items: center
}

.c-two-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-two-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-two-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 991px) {
    .c-two-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-two-column-box ul {
        display: block
    }
}

.c-three-column-box .cat-list .left-top-box {
    left: 15px
}

.c-three-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(33.33% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-three-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-three-column-box .cat-list ul li a {
    color: #333333
}

.c-three-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-three-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-three-column-box .cat-list ul li div.amount-box {
    display: flex;
    align-items: center
}

.c-three-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-three-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 10px 0 0
}

.c-three-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 5px
}

.c-three-column-box .cat-list ul .banner-pic {
    width: 100%
}

.c-three-column-box .cat-list ul .banner-pic a img {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .c-three-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-three-column-box ul {
        display: block
    }
}

.c-four-column-box .cat-list .left-top-box {
    left: 15px
}

.c-four-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(25% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-four-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-four-column-box .cat-list ul li a {
    color: #333333
}

.c-four-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-four-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-four-column-box .cat-list ul li div.amount-box {
    display: flex;
    align-items: center
}

.c-four-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-four-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-four-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 991px) {
    .c-four-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-four-column-box ul {
        display: block
    }
}

.c-quantity-box .calculation .Number input::placeholder {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number textarea::placeholder {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number input {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number input:disabled {
    opacity: 1 !important
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    .c-three-column-box .cat-list ul li {
        /* width: calc( 50% - 5px); */
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt {
        font-size: 18px;
        margin: 0 10px 0 0px
    }
    .c-three-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 14px
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 16px
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .c-three-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
}

@media only screen and (max-width: 479px) {
    .c-three-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-two-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .c-two-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-two-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-two-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
    .c-four-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-four-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .c-four-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-four-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-four-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
    .c-three-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-three-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .c-three-column-box .cat-list ul li div.amount-box .listing-separator{
        margin-top:-5px;
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-three-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
}

.mar-bottom-50 {
    margin-bottom: 50px
}

.mar-top-0 {
    margin-top: 0 !important
}

.c-customer-review .c-product-zoom-box {
    margin-top: 25px
}

.c-customer-review ul {
    margin: 0;
    padding: 0
}

.c-customer-review ul li {
    display: inline-block;
    margin-bottom: 30px;
    /* width: calc(50% - 5px); */
    padding: 0 20px 25px 0;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .c-customer-review ul li {
        width: 100%
    }
}

.c-customer-review .user-box .user-pic {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.c-customer-review .user-box .user-pic img {
    margin-right: 20px
}

.c-customer-review .user-box .c-starbox {
    margin: 15px 0 15px 0
}

.c-customer-review .user-box p {
    line-height: 24px;
    margin-bottom: 5px
}

.user-listing .global-button-white {
    margin-right: 10px
}

.user-listing .pic-box-list ul {
    margin: 0;
    padding: 0;
    margin-top: 5px
}

.user-listing .pic-box-list ul li {
    list-style: none;
    display: inline-flex;
    width: 150px;
    height: 120px;
    background-color: #b7b7b7;
    justify-content: center;
    margin: 0 10px 0 0;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .user-listing .pic-box-list ul li {
        width: 100px;
        height: 70px
    }
}

.c-all-reviews .c-product-zoom-box {
    margin-top: 25px
}

.c-all-reviews h6 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #444;
    font-weight: 600;
    line-height: 24px;
    margin-top: 30px
}

.c-all-reviews h6:first-child {
    margin-top: 0
}

.c-all-reviews .plus-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 120px;
    border: dashed 2px #b7b7b7;
    margin: 10px 0 10px 0;
    color: #7350ac;
    font-size: 35px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .c-all-reviews .plus-box {
        width: 100px;
        height: 70px
    }
}

.c-all-reviews .plus-box .label-info {
    background-color: transparent
}

.c-all-reviews .plus-box .label {
    font-family: 'OpenSans';
    font-size: 14px;
    color: #444444
}

.c-all-reviews .plus-box .plus-sign {
    position: absolute
}

.c-all-reviews textarea {
    border: none;
    height: 100px;
    padding: 10px;
    margin: 10px 0 10px 0;
    display: block;
    width: 70%
}

@media only screen and (max-width: 767px) {
    .c-all-reviews textarea {
        width: 100%
    }
}

.uploadfile {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    padding: 20px 0;
    width: 170px
}

.c-all-reviews-list {
    display: none
}

.c-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px;
    font-family: "Open Sans"
}

.c-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-accordian .accor-content {
    display: none;
    padding: 5px 0px
}

.c-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #444;
    font-family: "Open Sans Semibold"
}

.c-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-sub1-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px 0;
    font-family: "Open Sans"
}

.c-sub1-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-sub1-accordian .accor-content {
    display: none;
    padding: 15px 0px
}

.c-sub1-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold"
}

.c-sub1-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-sub2-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px 0;
    font-family: "Open Sans"
}

.c-sub2-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-sub2-accordian .accor-content {
    display: none;
    padding: 15px 0px
}

.c-sub2-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold";
    text-transform: capitalize;
}

.c-sub2-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-filetr-box ul {
    margin: 0;
    padding: 0
}

.c-filetr-box ul li {
    list-style: none;
    display: list-item;
    margin: 15px 0
}

.c-filetr-box ul li a {
    color: #444
}

.c-filetr-box ul li a:hover {
    color: #838383
}

.c-filetr-box ul li a.more {
    color: #7350ac
}

.c-filetr-box .form-box {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    text-transform: capitalize;
}

.c-filetr-box .form-box input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.c-filetr-box .form-box .form-indicator {
    position: absolute;
    top: -2px;
    left: 0;
    height: 18px;
    width: 18px;
    background: transparent
}

.c-filetr-box .form-box .form-indicator {
    border: solid 1px #838383
}

.c-filetr-box .form-box input:checked ~ .form-indicator {
    border: solid 1px #fd6c6e
}

.c-filetr-box .form-box input:checked {
    background: transparent
}

.c-filetr-box .form-box .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.c-filetr-box .form-box input:checked ~ .form-indicator:after {
    display: block
}

.c-filetr-box .form-box .form-checkbox .form-indicator:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: 1px solid #2f2b2c;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.mob-filter-header {
    display: block;
    padding-bottom: 25px;
    border-bottom: solid 1px #838383
}

.close-apply {
    display: none
}

.c-sort-list .sort-close {
    display: none
}

.filter-header {
    color: #444;
    font-family: "Open Sans" !important;
    font-size: 16px
}

.filter-clear {
    color: #838383;
    font-family: "Open Sans";
    font-size: 16px;
    float: right;
    cursor: pointer
}

.accor-scroll {
    max-height: 150px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .c-accordian {
        background-color: #fff;
        height: calc(100% - 41px);
        width: 100%;
        position: fixed;
        top: 72px;
        z-index: 11;
        left: -100%;
        padding: 10px;
        overflow-y: scroll
    }
    .c-accordian .mob-filter-header {
        padding-bottom: 25px;
        border-bottom: solid 1px #838383;
        margin-bottom: 25px;
        display: block
    }
    .c-accordian.c-accordian-mob-show {
        left: 0;
        z-index: 1024 !important;
    }
    .c-accordian.c-accordian-mob-show .close-apply {
        background-color: #838383;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        cursor: pointer
    }
    .c-accordian.c-accordian-mob-show .close-apply ul {
        margin: 0;
        padding: 0;
        text-align: center
    }
    .c-accordian.c-accordian-mob-show .close-apply ul li {
        list-style: none;
        float: left;
        width: 50%;
        padding: 12px;
        position: relative;
        border-right: solid 1px #fff;
        color: #fff;
        font-family: "Open Sans";
        font-size: 15px
    }
    .c-accordian.c-accordian-mob-show .close-apply ul li:last-child {
        border: none
    }
    .c-accordian .accor-section {
        padding: 15px 15px 15px 0
    }
    .c-accordian .accor-section:last-child {
        padding: 15px 15px 0 0
    }
    .c-sort-list .sort-close {
        display: block
    }
}

@media only screen and (min-width: 441px) and (max-width: 767px) {
    .c-accordian.c-accordian-mob-show {
        top: 123px
    }
}


/* Added by ICF */

.text-center {
    text-align: center;
}

.user-review-section .error {
    color: #d6330d;
}

.user-review-section .success {
    color: #00CC00;
}

.c-sub1-accordian .no-accor-title {
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold"
}

.filter-label-capital {
    text-transform: uppercase;
}

.img-lazy-slick {
    background: url('clientlib-site-shop/images/aplogo.webp')no-repeat #dfdfdf center;
    height: 360px;
    -webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}

@media screen and (max-width: 768px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-tab.webp')no-repeat #dfdfdf center;
        height: 220px;
    }
}

@media screen and (max-width: 480px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-mobile.webp')no-repeat #dfdfdf center;
        height: 100px;
    }
}

@media screen and (max-width: 320px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-mobile.webp')no-repeat #dfdfdf center;
        height: 90px;
    }
}


/*Checkout Pop Up Css*/

#checkout-popup .modal.in .modal-dialog .modal-content .close {
    position: absolute;
    right: 0
}

#checkout-popup .template-textual-simple a.btn-style4.mr-15 {
    margin-right: 0
}

#checkout-popup .template-textual-simple span.divider-vertical {
    padding-right: 0
}

.modal {
    z-index: 9999 !important;
}

/*.modal.in .modal-dialog {
    width: 96%;
    max-width: 596px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 212px;
    margin: auto;
    background: #fff;
}*/

.custom-modal-content-template .modal-content {
    height: auto;
    border-radius: 0;
}

.modal.in .modal-dialog .modal-content .close {
    float: right;
    border: 0;
    background: 0;
    font-size: 0;
    position: relative;
    z-index: 100;
    content: 'X';
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 !important;
}

.custom-modal-content-template .modal-header {
    width: auto;
    margin: 0;
    clear: none;
}

.custom-modal-content-template .modal-header .modal-title {
    float: none;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.custom-modal-content-template .modal-body {
    margin-bottom: 15px;
}

.modal-body {
    padding: 0 !important;
    position: relative;
}

.divider-vertical {
    padding-right: 10px
}

.btn-style4 {
    border: 2px solid #55565a !important;
    color: #55565a !important;
    display: inline-block !important;
    font-size: 18px;
    padding: 8px 25px;
    width: auto
}

.btn-style4:hover {
    background-color: #55565a;
    color: #fff !important
}

.checkout-yellow-bg-band {
    background-color: #fdda8e;
    font-size: 18px;
    color: #333;
    padding: 15px 0
}

.checkout-lemon-yellow-bg-band {
    background-color: #fdedc1;
    font-size: 20px;
    color: #333;
    padding: 25px 0
}

.checkout-lemon-yellow-bg-band>a {
    color: #333;
    padding-right: 15px
}

/*.modal.in .modal-dialog {
    width: 96%;
    max-width: 596px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 212px;
    margin: auto;
    background: #fff;
}*/

.modal-content {
    background: none;
    border: none;
    box-shadow: none;
    background: #fff;
    height: 212px;
}

.modal-header {
    padding: 15px;
    border-bottom: none;
}

.modal-content .close {
    float: right;
    border: none;
    background: none;
    font-size: 24px;
    position: relative;
    z-index: 100;
}

.modal-content #close {
    float: right;
    border: none;
    background: none;
    font-size: 24px;
    position: relative;
    z-index: 100;
}

.modal-header {
    margin: 67px auto;
    clear: both;
}

.modal-header .modal-title {
    font-size: 24px;
    float: left;
    color: #512b8b;
}

.modal-header p {
    float: left;
    line-height: 2;
    margin-top: 10px;
}

.modal-dialog {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}

.center {
    text-align: center;
}

.modal.in .modal-dialog .modal-content .close::after {
    content: 'X';
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    .btn-style4 {
        font-size: 14px;
        padding: 5px 15px;
    }
}

.c-offers-box .amount-box .amt-line{
    position:relative
}

.c-offers-box .amount-box .amt-line::after {
    content: "";
    height: 2px;
    background-color: #434343;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

@media only screen and (max-width:479px) {
    .c-product-zoom-box .zoom-box img {
        width:100%;
    }
}

.ap-shop-product-info h3 {
    font-family: apFontBold !important;
    font-size: 30px;
    line-height: 1;
    letter-spacing: normal;
}

.ap-shop-product-info .product-feature-spec {
    display: block;
}
.ap-shop-product-info .product-feature-spec .product-feature-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ap-shop-product-info .c-section-divider{
    margin-top: 70px;
    margin-bottom: 62px;
}

.checkoutloading {
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 999;
}

.checkoutloading img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ap-shop-product-info #feature,.ap-shop-product-info #specs {
    flex: 0 0 50%;
    padding-right: 40px;
}a:hover,
 a:focus {
     text-decoration: none;
 }

 .wrapper {
     width: 100%;
     float: left;
     position: relative
 }

 .g-left {
     float: left
 }

 .g-right {
     float: right
 }

 .g-row-m {
     margin-top: 40px;
     margin-bottom: 40px
 }

 .g-con-row {
     margin: 40px 0
 }

 @media only screen and (max-width: 767px) {
     .g-con-row {
         margin: 30px 0
     }
 }

 @media only screen and (max-width: 440px) {
     .g-con-row {
         margin: 15px 0
     }
 }

 .g-margin-bottom {
     margin-bottom: 40px
 }

 .g-close-icon {
     position: absolute;
     top: 5px;
     right: 5px;
     cursor: pointer
 }

 body {
     font-family: "Open Sans";
     padding-top: 120px !important
 }

 @media only screen and (max-width: 440px) {
     body {
         padding-top: 65px !important
     }
 }

 .bodycampaign {
     padding-top: 0px !important
 }

 .regular-banner img {
     width: 100%
 }

 .width-100 {
     width: 100%
 }

 #nav-icon4 {
     width: 25px;
     height: 25px;
     margin-right: 30px;
     position: relative;
     float: left;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     cursor: pointer;
     margin-top: 26px;
     display: none
 }

 @media only screen and (max-width: 880px) {
     #nav-icon4 {
         display: block
     }
 }

 @media only screen and (max-width: 440px) {
     #nav-icon4 {
         margin-right: 10px;
         margin-top: 12px
     }
 }

 #nav-icon4 span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #7350ac;
     opacity: 1;
     left: 0;
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out
 }

 #nav-icon4 span:nth-child(1) {
     top: 0px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center
 }

 #nav-icon4 span:nth-child(2) {
     top: 7px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center
 }

 #nav-icon4 span:nth-child(3) {
     top: 14px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center
 }

 #nav-icon4.open span:nth-child(1) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: -3px
 }

 #nav-icon4.open span:nth-child(2) {
     width: 0%;
     opacity: 0
 }

 #nav-icon4.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 15px
 }

 .h1 {
     font-family: "Abhaya Libre SemiBold";
     font-size: 40px;
     color: #444;
     margin: 0px
 }

 @media only screen and (max-width: 1600px) {
     .h1 {
         font-size: 32px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 1366px) {
     .h1 {
         font-size: 28px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 767px) {
     .h1 {
         font-size: 28px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 440px) {
     .h1 {
         font-size: 22px;
         padding-left: 25px
     }
 }

 .h2 {
     font-family: "Abhaya Libre SemiBold";
     font-size: 36px;
     color: #444;
     margin: 0px;
     padding: 0px
 }

 .h2 .rose {
     color: #ff6b6b
 }

 @media only screen and (max-width: 1600px) {
     .h2 {
         font-size: 32px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 1366px) {
     .h2 {
         font-size: 28px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 767px) {
     .h2 {
         font-size: 28px;
         padding-left: 25px
     }
 }

 @media only screen and (max-width: 440px) {
     .h2 {
         font-size: 21px;
         padding-left: 25px
     }
 }

 .section-header {
     position: relative;
     margin-bottom: 40px
 }

 @media only screen and (max-width: 440px) {
     .section-header {
         margin-bottom: 20px
     }
 }

 .section-header:before {
     position: absolute;
     content: "";
     width: 50px;
     height: 2px;
     background-color: #ff6b6b;
     left: -65px;
     top: 50%;
     translate: transformY(-50%)
 }

 @media only screen and (max-width: 991px) {
     .section-header:before {
         left: -25px
     }
 }

 @media only screen and (max-width: 767px) {
     .section-header:before {
         left: -15px
     }
 }

 @media only screen and (max-width: 568px) {
     .section-header:before {
         width: 30px
     }
 }

 .section-header:after {
     display: none
 }

 .h3,
 .typography h3 {
     font-family: "Abhaya Libre SemiBold";
     font-size: 30px;
     color: #444;
     margin: 0px
 }

 @media only screen and (max-width: 1600px) {
     .h3,
     .typography h3 {
         font-size: 22px
     }
 }

 @media only screen and (max-width: 440px) {
     .h3,
     .typography h3 {
         margin-bottom: 20px;
         font-size: 18px
     }
 }

 .h4,
 .typography h4 {
     font-family: "Abhaya Libre SemiBold";
     font-size: 24px;
     color: #444;
     margin: 0px
 }

 @media only screen and (max-width: 1600px) {
     .h4,
     .typography h4 {
         font-size: 22px
     }
 }

 @media only screen and (max-width: 767px) {
     .h4,
     .typography h4 {
         font-size: 18px
     }
 }

 .h5,
 .typography h5 {
     font-family: "Open Sans Semibold";
     font-size: 22px;
     color: #444;
     margin: 0px
 }

 @media only screen and (max-width: 1600px) {
     .h5,
     .typography h5 {
         font-size: 18px
     }
 }

 @media only screen and (max-width: 440px) {
     .h5,
     .typography h5 {
         font-size: 16px
     }
 }

 .h6,
 .typography h6 {
     font-family: "Open Sans";
     font-size: 18px;
     color: #444;
     font-weight: 400;
     margin: 0px
 }

 .p,
 .typography p {
     font-family: "Open Sans";
     font-size: 14px;
     color: #444;
     font-weight: 400;
     line-height: 24px
 }

 @media only screen and (max-width: 1600px) {
     .p,
     .typography p {
         font-size: 14px
     }
 }

 @media only screen and (max-width: 440px) {
     .p,
     .typography p {
         font-size: 14px;
         line-height: 21px
     }
 }

 .link-text {
     font-family: "Open Sans Semibold";
     font-size: 16px;
     color: #7350ac
 }

 @media only screen and (max-width: 767px) {
     .link-text {
         font-size: 14px
     }
 }

 .copy-text {
     font-family: "Open Sans Semibold";
     font-size: 16px;
     color: #444
 }

 @media only screen and (max-width: 767px) {
     .copy-text {
         font-size: 14px
     }
 }

 .animate-1,
 .global-button,
 .global-button-white,
 .form-box .focusLine {
     transition: all .1s ease-in-out;
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out
 }

 .animate-2,
 .c-sort-list,
 .c-mob-product-details ul li,
 .c-mob-product-details ul li:after,
 .c-accordian {
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out
 }

 .animate-3 {
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out
 }

 .rupee-symbol {
     font-family: 'rupee_foradian1-webfont'
 }

 .g-left-dropdown {
     display: none
 }

 .typography h3 {
     margin: 0px
 }

 .typography h4 {
     margin: 0px
 }

 .typography h5 {
     margin: 0px
 }

 .typography h6 {
     margin: 0px
 }

 .typography ul {
     margin: 0;
     padding: 0
 }

 .typography ul li {
     list-style: none !important;
     font-size: 14px;
     font-family: "Open Sans";
     color: copy-text;
     position: relative;
     display: list-item;
     margin: 10px 0 10px 25px !important;
     line-height: 24px !important;
     padding: 0;
     background: none
 }

.typography ul li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #7350ac;
    left: -19px;
    top: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.typography.no-bullets ul li {
    margin: 20px 0 20px 0 !important
}

.typography.no-bullets ul li:before {
    content: none
}

.section {
    clear: both
}

.global-button {
    background-color: #7350ac !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #fff !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button:hover {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button:focus {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button-white {
    background-color: #fff !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #7350ac !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button-white:hover {
    background-color: #7350ac !important;
    color: #fff !important
}

.global-button-white:focus {
    background-color: #7350ac !important;
    color: #fff !important
}

.form-box .error:last-child {
    color: #d6330d;
    font-size: 11px;
    position: absolute;
    bottom: -12px;
    left: 0px
}

.form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="text"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box input[type="password"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="password"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #fff url("clientlib-site-shop/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    font-family: "Open Sans";
    font-size: 14px;
    color: #444
}

.form-box select:option {
    padding: 5px
}

.form-box .focusLine {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #7350ac;
    z-index: 5
}

.form-box .radiobtn {
    display: inline-block
}

.form-box .radiobtn label {
    position: relative
}

.form-box .radiobtn label p {
    position: relative;
    left: -30%;
    bottom: -30px;
    margin: 0px auto
}

.form-box .radiobtn label:before {
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    border: solid 1px #7350ac
}

.form-box .radiobtn label input {
    visibility: hidden;
    position: absolute
}

.form-box .radiobtn label input:checked+label:before {
    background-color: #7350ac;
    border-radius: 10px;
    border: solid 1px #fff
}

.form-box .checkbox {
    position: relative;
    margin-left: 30px
}

.form-box .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-box .checkbox .form-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid 1px #444
}

.form-box .checkbox .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.form-box .checkbox input:checked ~ .form-indicator {
    background-color: #fff;
    border: solid 1px #d6330d
}

.form-box .checkbox input:checked ~ .form-indicator:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid 1px #444;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.form-box label {
    font-family: "Open Sans";
    font-size: 14px
}

select option {
    background-color: #fff;
    border: solid 1px #838383;
    padding: 5px
}

.sprite-box a {
    background: url(clientlib-site-shop/images/global-sprite.png);
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block
}

.sprite-box a.login {
    background-position: 2px 27px
}

.sprite-box a.cart {
    background-position: 49px 27px
}

.sprite-box a.search {
    background-position: 103px 27px
}

.sprite-box a.left-arrow {
    background-position: 155px 27px
}

.sprite-box a.right-arrow {
    background-position: 197px 27px
}

.sprite-box a.play {
    background-position: 242px 27px
}

.sprite-box a.close {
    background-position: 292px 27px
}

.sprite-box a.cross {
    background-position: 350px 27px
}

.sprite-box a.download {
    background-position: 403px 27px
}

.sprite-box a.edit {
    background-position: 460px 27px
}

.sprite-box a.delete {
    background-position: 515px 27px
}

.sprite-box a.print {
    background-position: 566px 27px
}

.sprite-box a.map {
    background-position: 615px 27px
}

.sprite-box a.like {
    background-position: 661px 27px
}

.sprite-box a.share {
    background-position: 719px 27px
}

.g-arrow-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5px
}

@media only screen and (max-width: 1440px) {
    .g-arrow-container {
        left: auto;
        right: 20%
    }
}

@media only screen and (max-width: 767px) {
    .g-arrow-container {
        left: auto;
        right: 30px;
        transform: none
    }
}

.g-arrow-container .slick-arrow img {
    border: none
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden
    }
}

.c-tabbing .nav li a:hover {
    background-color: transparent
}

.c-tabbing .nav li a:focus {
    background-color: transparent
}

.c-tabbing .nav-tabs {
    border-bottom: none
}

.c-tabbing .nav-tabs ul {
    display: flex;
    align-items: top;
    justify-content: space-between
}

.c-tabbing .nav-tabs ul li {
    display: inline-block;
    position: relative;
    text-align: center
}

.c-tabbing .nav-tabs ul li a {
    border-radius: 0;
    border: none;
    padding: 0;
    font-family: "Open Sans";
    font-size: 16px;
    color: #444;
    border: none
}

.c-tabbing .nav-tabs ul li a:hover {
    background-color: none;
    border: none
}

.c-tabbing .nav-tabs ul li.active a {
    border: none;
    color: #7350ac
}

.c-tabbing .nav-tabs ul li.active a:hover {
    border: none
}

.c-tabbing .nav-tabs ul li.active a:focus {
    border: none
}

.c-tabbing .nav-tabs ul li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -12px;
    background-color: #bb9fea;
    left: 0;
    height: 5px
}

.c-shop-border {
    position: relative
}

.c-shop-border:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    height: 1px;
    bottom: -15px;
    z-index: -1
}

.c-sort-list {
    position: relative
}

.c-sort-list span {
    float: left;
    padding-right: 65px;
    font-size: 18px;
    font-weight: bold
}

.c-sort-list .sort-close {
    float: right;
    font-size: 18px;
    color: #7350ac;
    font-family: "Open Sans";
    cursor: pointer;
    padding-right: 10px
}

.c-sort-list ul {
    margin: 0;
    padding: 0
}

.c-sort-list ul li {
    display: inline-block;
    float: left;
    padding: 0 15px;
    font-size: 16px;
    color: #000;
    position: relative
}

.c-sort-list ul li a {
    color: #000
}

.c-sort-list ul li.active a {
    color: #bb9fea
}

.c-sort-list ul li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: -12px;
    background-color: #bb9fea;
    left: 0;
    height: 5px
}

.c-sort-list:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background-color: #cdcdcd;
    height: 1px;
    bottom: -10px;
    z-index: -1
}

@media only screen and (max-width: 1140px) {
    .c-sub1-accordian .accor-title {
        padding-right: 20px
    }
    .c-sub2-accordian .accor-title {
        padding-right: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
    .c-sort-list ul li {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-sort-list span {
        padding-right: 10px;
        font-size: 14px
    }
    .c-sort-list ul li {
        font-size: 12px;
        padding: 0 9px
    }
    .c-sub1-accordian .accor-title {
        font-size: 14px
    }
    .c-sub2-accordian .accor-title {
        font-size: 14px
    }
    .c-filetr-box .form-box label {
        font-size: 13px
    }
    .c-tabbing .nav-tabs ul li a {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .c-sort-list ul li {
        display: block;
        width: 100%;
        padding: 15px 15px 15px 0;
        font-size: 14px
    }
    .c-sort-list ul li.active::before {
        content: none
    }
    .c-sort-list::after {
        content: none
    }
    .c-sort-list {
        position: fixed;
        z-index: 10;
        left: -100%;
        width: 100%;
        background-color: #ffffff;
        padding: 50px 10px;
        height: calc(100% - 80px);
        bottom: 40px;
        overflow-y: scroll
    }
    .c-sort-list.c-sort-list-mob-show {
        left: 0
    }
    .c-tabbing .nav-tabs {
        margin-top: 20px
    }
    .c-tabbing .nav-tabs ul li.active:before {
        content: none
    }
    .c-tabbing .nav-tabs ul {
        display: block
    }
    .c-tabbing .nav-tabs ul li {
        text-align: left
    }
    .c-sort-list ul li:first-child {
        padding-top: 40px
    }
}

@media only screen and (min-width: 441px) and (max-width: 767px) {
    .c-sort-list {
        padding: 95px 10px
    }
}

.c-product-zoom-box {
    margin-top: 0
}

.c-product-zoom-box .zoom-box {
    position: relative;
    text-align: center
}

.c-product-zoom-box .zoom-box>div {
    display: inline-block;
    position: relative
}

.c-product-zoom-box .zoom-box img {
    width: 100%;
    display: inline-block
}

@media only screen and (max-width: 1366px) {
    .c-product-zoom-box .zoom-box img {
        max-height: 390px;
        width: auto
    }
}

.c-product-zoom-box .zoom-box .right-bottom-box {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer
}

.c-product-zoom-box .zoom-list ul {
    margin: 0;
    padding: 0
}

.c-product-zoom-box .zoom-list ul li {
    float: left;
    display: inline-block;
    float: left;
    width: 100%
}

.c-product-zoom-box .zoom-list ul li img {
    width: 100%;
    padding: 10px 5px
}

.c-product-zoom-box .slick-slide {
    height: auto
}

@media only screen and (max-width: 767px) {
    .c-product-zoom-box {
        overflow: hidden;
        margin-top: 25px
    }
}

.left-top-box {
    background-color: #fbc531;
    padding: 5px 15px;
    position: absolute;
    display: inline-block;
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #444;
    text-align: center;
    left: 0;
    top: 10px
}

.left-top-box:after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    padding: 5px;
    font-size: 0px;
    line-height: 0%;
    width: auto;
    border-top: 24px solid #fbc531;
    border-right: 24px solid transparent
}

.c-all-reviews a.global-button-white {
    margin-bottom: 30px !important
}

.zoom-thumb-slider .slick-track {
    margin-left: 0
}

.c-product-zoom-box .zoom-box a {
    cursor: auto
}

.c-product-zoom-box .zoom-box .right-bottom-box a {
    cursor: pointer
}

.c-product-zoom-box .big-slider-container {
    height: auto
}

.c-starbox {
    display: flex;
    align-items: center;
    font-size: 14px
}

.c-starbox .stars {
    background: url("clientlib-site-shop/images/stars.webp") repeat-x 0 0;
    width: 100px
}

.c-starbox .stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.c-starbox .stars input[type="radio"].star-5:checked ~ span {
    width: 100%
}

.c-starbox .stars input[type="radio"].star-4:checked ~ span {
    width: 80%
}

.c-starbox .stars input[type="radio"].star-3:checked ~ span {
    width: 60%
}

.c-starbox .stars input[type="radio"].star-2:checked ~ span {
    width: 40%
}

.c-starbox .stars input[type="radio"].star-1:checked ~ span {
    width: 20%
}

.c-starbox .stars label {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer
}

.c-starbox .stars label:hover ~ span {
    background-position: 0 -20px
}

.c-starbox .stars label .star-5:hover ~ span {
    width: 100% !important
}

.c-starbox .stars label .star-4:hover ~ span {
    width: 80% !important
}

.c-starbox .stars label .star-3:hover ~ span {
    width: 60% !important
}

.c-starbox .stars label .star-2:hover ~ span {
    width: 40% !important
}

.c-starbox .stars label .star-1:hover ~ span {
    width: 20% !important
}

.c-starbox .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    background: url("clientlib-site-shop/images/stars.webp") repeat-x 0 -40px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s
}

.c-starbox .review {
    margin-left: 20px
}

.c-offers-box div {
    display: flex;
    align-items: center
}

.c-offers-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-offers-box .amt-line {
    color: #838383;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-offers-box .amt {
    color: #444;
    font-family: "Open Sans";
    font-size: 20px;
    margin: 0 20px 0 0
}

.c-offers-box h5 {
    margin: 10px 0 10px 0
}

.c-offers-box .copy-text {
    margin: 15px 0 15px 0;
    font-weight: normal;
    font-size: 14px
}

.c-offers-box .amount-box {
    margin: 30px 0 20px 0
}

.c-offers-box .amount-box .amt-line {
    font-size: 25px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .amt-line {
        font-size: 20px
    }
}

.c-offers-box .amount-box .amt {
    font-size: 30px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .amt {
        font-size: 25px
    }
}

.c-offers-box .amount-box .green-text {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .c-offers-box .amount-box .green-text {
        font-size: 16px
    }
}

.c-quantity-box {
    margin: 30px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: start
}

.c-quantity-box label {
    width: 130px
}

@media only screen and (max-width: 767px) {
    .c-quantity-box label {
        font-size: 14px
    }
}

.c-quantity-box .calculation {
    display: flex
}

.c-quantity-box .calculation .minus {
    background-color: #7350ac;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    position: relative
}

.c-quantity-box .calculation .minus span {
    transform: translateY(-50%)
}

.c-quantity-box .calculation .plus {
    background-color: #7350ac;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 25px;
    color: #fff;
    cursor: pointer
}

.c-quantity-box .calculation .Number input {
    background-color: #f2f2f3;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 20px;
    color: #7350ac;
    cursor: pointer;
    border: none;
    text-align: center
}

.c-quantity-box .calculation .Number input[type=number]::-webkit-inner-spin-button,
.c-quantity-box .calculation .Number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-product-specs {
    margin-top: 30px
}

.c-product-specs .section-header {
    margin-bottom: 30px
}

@media only screen and (max-width: 440px) {
    .c-product-specs .section-header {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 1440px) {
    .c-product-specs {
        margin-top: 60px
    }
}

@media only screen and (max-width: 1140px) {
    .c-product-specs {
        margin-top: 30px
    }
}

.c-product-specs .c-starbox {
    margin: -20px 0 20px 0
}

@media only screen and (max-width: 767px) {
    .c-product-specs .c-starbox {
        margin: 20px 0 20px 0
    }
}

.c-product-specs .product-specs-box {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 30px 0
}
.c-product-specs .product-specs-box .form-box .error{
    position: initial;
    margin-top: 4px;
    line-height: 15px;
}
.c-product-specs .product-specs-box label {
    width: 130px
}

@media only screen and (max-width: 767px) {
    .c-product-specs .product-specs-box label {
        font-size: 14px
    }
}

.c-product-specs .form-box {
    position: relative
}

.c-product-specs .form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

@media only screen and (max-width: 440px) {
    .c-product-specs .form-box input[type="text"] {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .c-product-specs .form-box input[type="text"] {
        font-size: 14px
    }
}

.c-product-specs .form-box .google-map-icon {
    position: absolute;
    right: 0;
    top: 0
}

.c-product-specs .global-button-white {
    margin-right: 10px
}

.c-product-specs .typography {
    margin: 30px 0 30px 0
}

@media only screen and (max-width: 991px) {
    .c-product-specs .section-header::before {
        left: -65px
    }
}

@media only screen and (max-width: 767px) {
    .c-product-specs .section-header::before {
        left: -15px;
        width: 30px
    }
}

.c-product-specs .h2 {
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .c-product-specs .h2 {
        padding-left: 25px
    }
}

.c-description-box {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .c-description-box {
        display: none
    }
}

.c-section-divider {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.c-section-divider img {
    width: 100%
}

.c-mob-product-details {
    display: none;
    margin-bottom: 20px;
    cursor: pointer
}

.c-mob-product-details ul {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #cfcfcf
}

.c-mob-product-details ul li {
    color: #838383;
    position: relative;
    display: inline-block;
    margin: 0 2px;
    padding: 15px 0px;
    position: relative
}

.c-mob-product-details ul li:after {
    background-color: #000;
    content: "";
    width: 0%;
    height: 4px;
    position: absolute;
    width: 0%;
    bottom: 0px;
    left: 0px
}

.c-mob-product-details ul li:hover,
.c-mob-product-details ul li.active {
    color: #000
}

.c-mob-product-details ul li:hover:after,
.c-mob-product-details ul li.active:after {
    width: 100%
}

.c-mob-product-details ul li:first-child {
    margin: 0 9px 0 0
}

@media only screen and (max-width: 767px) {
    .c-mob-product-details {
        display: block
    }
}

.c-rating-box {
    display: table;
    margin: 0 0 30px 0
}

@media only screen and (max-width: 767px) {
    .c-rating-box {
        display: block
    }
}

.c-rating-box .purple-box {
    background-color: #7350ac;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    position: relative;
    font-family: "Open Sans Semibold";
    color: #fff;
    font-size: 30px;
    margin: 0 30px 0 0;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .c-rating-box .purple-box {
        width: 60px;
        height: 60px;
        font-size: 24px;
        margin: 0 0 20px 0
    }
}

.c-rating-box .purple-box .rating {
    line-height: 80px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .c-rating-box .purple-box .rating {
        line-height: 60px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .c-rating-box p {
        margin: 5px 0 0 0
    }
}

.c-rating-box .c-starbox {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.c-grey-box {
    background-color: #f2f2f2;
    padding: 20px 0
}

.c-terms-conditions {
    font-family: "Open Sans";
    color: #333333;
    font-size: 13px;
    text-align: right;
    text-decoration: underline
}

.c-terms-conditions a {
    color: #333333
}

.c-terms-conditions a:hover {
    color: #838383
}

.c-product-details-tools .tools-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center
}

.c-product-details-tools .tools-list ul li {
    padding: 0 5px
}

.c-product-details-tools .tools-list ul li h5 {
    padding-top: 15px;
    font-family: "Open Sans"
}

@media only screen and (max-width: 440px) {
    .c-product-details-tools .tools-list ul li h5 {
        padding-top: 0px
    }
}

@media only screen and (max-width: 767px) {
    .c-product-details-tools .tools-list ul li p {
        font-size: 13px
    }
}

.c-two-column-box .cat-list .left-top-box {
    left: 15px
}

.c-two-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(50% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-two-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-two-column-box .cat-list ul li a {
    color: #333333
}

.c-two-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-two-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-two-column-box .cat-list ul li div.amount-box {
    display: flex;
    align-items: center
}

.c-two-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-two-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-two-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 991px) {
    .c-two-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-two-column-box ul {
        display: block
    }
}

.c-three-column-box .cat-list .left-top-box {
    left: 15px
}

.c-three-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(33.33% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-three-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-three-column-box .cat-list ul li a {
    color: #333333
}

.c-three-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-three-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-three-column-box .cat-list ul li div.amount-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.c-three-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-three-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 10px 0 0
}

.c-three-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

.c-three-column-box .cat-list ul .banner-pic {
    width: 100%
}

.c-three-column-box .cat-list ul .banner-pic a img {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .c-three-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-three-column-box ul {
        display: block
    }
}

.c-four-column-box .cat-list .left-top-box {
    left: 15px
}

.c-four-column-box .cat-list ul li {
    margin-bottom: 30px;
    list-style-type: none;
    position: relative;
    width: calc(25% - 5px);
    display: inline-block;
    float: none;
    vertical-align: top
}

.c-four-column-box .cat-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-four-column-box .cat-list ul li a {
    color: #333333
}

.c-four-column-box .cat-list ul li a img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent;
    width: 100%;
    position: relative
}

.c-four-column-box .cat-list ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

.c-four-column-box .cat-list ul li div.amount-box {
    display: flex;
    align-items: center
}

.c-four-column-box .cat-list ul li div.amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-four-column-box .cat-list ul li div.amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

.c-four-column-box .cat-list ul li div.amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 991px) {
    .c-four-column-box ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-four-column-box ul {
        display: block
    }
}

.c-quantity-box .calculation .Number input::placeholder {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number textarea::placeholder {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number input {
    opacity: 1 !important
}

.c-quantity-box .calculation .Number input:disabled {
    opacity: 1 !important
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    .c-three-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt {
        font-size: 18px;
        margin: 0 10px 0 0px
    }
    .c-three-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 14px
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 16px
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .c-three-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
}

@media only screen and (max-width: 479px) {
    .c-three-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 5px);
        display: inline-block;
        float: none;
        vertical-align: top
    }
    .c-two-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-two-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .c-two-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-two-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-two-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
    .c-four-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-four-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .c-four-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-four-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-four-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
    .c-three-column-box .cat-list ul li p {
        font-size: 13px;
        line-height: 15px
    }
    .c-three-column-box .cat-list ul li div.amount-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt-line {
        font-size: 13px;
        margin: 0 5px 0 0
    }
    .c-three-column-box .cat-list ul li div.amount-box .amt {
        margin: 5px 5px 5px 0;
        display: block;
        font-size: 13px
    }
    .c-three-column-box .cat-list ul li div.amount-box .green-text {
        font-size: 10px
    }
}

.mar-bottom-50 {
    margin-bottom: 50px
}

.mar-top-0 {
    margin-top: 0 !important
}

.c-customer-review .c-product-zoom-box {
    margin-top: 25px
}

.c-customer-review ul {
    margin: 0;
    padding: 0
}

.c-customer-review ul li {
    display: inline-block;
    margin-bottom: 30px;
    width: calc(50% - 5px);
    padding: 0 20px 0 0;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .c-customer-review ul li {
        width: 100%
    }
}

.c-customer-review .user-box .user-pic {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.c-customer-review .user-box .user-pic img {
    margin-right: 20px
}

.c-customer-review .user-box .c-starbox {
    margin: 15px 0 15px 0
}

.c-customer-review .user-box p {
    line-height: 24px;
    margin-bottom: 5px
}

.user-listing .global-button-white {
    margin-right: 10px
}

.user-listing .pic-box-list ul {
    margin: 0;
    padding: 0;
    margin-top: 5px
}

.user-listing .pic-box-list ul li {
    list-style: none;
    display: inline-flex;
    width: 150px;
    height: 120px;
    background-color: #b7b7b7;
    justify-content: center;
    margin: 0 10px 0 0;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .user-listing .pic-box-list ul li {
        width: 100px;
        height: 70px
    }
}

.c-all-reviews .c-product-zoom-box {
    margin-top: 25px
}

.c-all-reviews h6 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #444;
    font-weight: 600;
    line-height: 24px;
    margin-top: 30px
}

.c-all-reviews h6:first-child {
    margin-top: 0
}

.c-all-reviews .plus-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 120px;
    border: dashed 2px #b7b7b7;
    margin: 10px 0 10px 0;
    color: #7350ac;
    font-size: 35px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .c-all-reviews .plus-box {
        width: 100px;
        height: 70px
    }
}

.c-all-reviews .plus-box .label-info {
    background-color: transparent
}

.c-all-reviews .plus-box .label {
    font-family: 'OpenSans';
    font-size: 14px;
    color: #444444
}

.c-all-reviews .plus-box .plus-sign {
    position: absolute
}

.c-all-reviews textarea {
    border: none;
    height: 100px;
    padding: 10px;
    margin: 10px 0 10px 0;
    display: block;
    width: 70%
}

@media only screen and (max-width: 767px) {
    .c-all-reviews textarea {
        width: 100%
    }
}

.uploadfile {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    padding: 20px 0;
    width: 170px
}

.c-all-reviews-list {
    display: none
}

.c-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px;
    font-family: "Open Sans"
}

.c-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-accordian .accor-content {
    display: none;
    padding: 15px 0px;
}

.c-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #444;
    font-family: "Open Sans Semibold"
}

.c-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-sub1-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px 0;
    font-family: "Open Sans"
}

.c-sub1-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-sub1-accordian .accor-content {
    display: none;
    padding: 15px 0px
}

.c-sub1-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold"
}

.c-sub1-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-sub2-accordian .accor-section {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding: 15px 0;
    font-family: "Open Sans"
}

.c-sub2-accordian .accor-section:last-child {
    border-bottom: 0
}

.c-sub2-accordian .accor-content {
    display: none;
    padding: 15px 0px
}

.c-sub2-accordian .accor-title {
    background: transparent url("clientlib-site-shop/images/accor-plus-icon.webp") no-repeat scroll right center;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold";
    text-transform: capitalize;
}

.c-sub2-accordian .accor-title.open {
    background-image: url("clientlib-site-shop/images/accor-minus-icon.webp")
}

.c-filetr-box ul {
    margin: 0;
    padding: 0
}

.c-filetr-box ul li {
    list-style: none;
    display: list-item;
    margin: 15px 0
}

.c-filetr-box ul li a {
    color: #444
}

.c-filetr-box ul li a:hover {
    color: #838383
}

.c-filetr-box ul li a.more {
    color: #7350ac
}

.c-filetr-box .form-box {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    text-transform: capitalize;
}

.c-filetr-box .form-box input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.c-filetr-box .form-box .form-indicator {
    position: absolute;
    top: -2px;
    left: 0;
    height: 18px;
    width: 18px;
    background: transparent
}

.c-filetr-box .form-box .form-indicator {
    border: solid 1px #838383
}

.c-filetr-box .form-box input:checked ~ .form-indicator {
    border: solid 1px #fd6c6e
}

.c-filetr-box .form-box input:checked {
    background: transparent
}

.c-filetr-box .form-box .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.c-filetr-box .form-box input:checked ~ .form-indicator:after {
    display: block
}

.c-filetr-box .form-box .form-checkbox .form-indicator:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: 1px solid #2f2b2c;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.mob-filter-header {
    display: block;
    padding-bottom: 25px;
    border-bottom: solid 1px #838383
}

.close-apply {
    display: none
}

.c-sort-list .sort-close {
    display: none
}

.filter-header {
    color: #444;
    font-family: "Open Sans" !important;
    font-size: 16px
}

.filter-clear {
    color: #838383;
    font-family: "Open Sans";
    font-size: 16px;
    float: right;
    cursor: pointer
}

.accor-scroll {
    max-height: 150px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .c-accordian {
        background-color: #fff;
        height: calc(100% - 41px);
        width: 100%;
        position: fixed;
        top: 72px;
        z-index: 11;
        left: -100%;
        padding: 10px;
        overflow-y: scroll
    }
    .c-accordian .mob-filter-header {
        padding-bottom: 25px;
        border-bottom: solid 1px #838383;
        margin-bottom: 25px;
        display: block
    }
    .c-accordian.c-accordian-mob-show {
        left: 0;
        z-index: 1024 !important;
    }
    .c-accordian.c-accordian-mob-show .close-apply {
        background-color: #838383;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        cursor: pointer
    }
    .c-accordian.c-accordian-mob-show .close-apply ul {
        margin: 0;
        padding: 0;
        text-align: center
    }
    .c-accordian.c-accordian-mob-show .close-apply ul li {
        list-style: none;
        float: left;
        width: 50%;
        padding: 12px;
        position: relative;
        border-right: solid 1px #fff;
        color: #fff;
        font-family: "Open Sans";
        font-size: 15px
    }
    .c-accordian.c-accordian-mob-show .close-apply ul li:last-child {
        border: none
    }
    .c-accordian .accor-section {
        padding: 15px 15px 15px 0
    }
    .c-accordian .accor-section:last-child {
        padding: 15px 0 0 0
    }
    .c-sort-list .sort-close {
        display: block
    }
}

@media only screen and (min-width: 441px) and (max-width: 767px) {
    .c-accordian.c-accordian-mob-show {
        top: 123px
    }
}


/* Added by ICF */

.text-center {
    text-align: center;
}

.user-review-section .error {
    color: #d6330d;
}

.user-review-section .success {
    color: #00CC00;
}

.c-sub1-accordian .no-accor-title {
    cursor: pointer;
    margin: 0;
    position: relative;
    color: #fd6c6e;
    font-family: "Open Sans Semibold"
}

.filter-label-capital {
    text-transform: uppercase;
}

.img-lazy-slick {
    background: url('clientlib-site-shop/images/aplogo.webp')no-repeat #dfdfdf center;
    height: 360px;
    -webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}

@media screen and (max-width: 768px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-tab.webp')no-repeat #dfdfdf center;
        height: 220px;
    }
}

@media screen and (max-width: 480px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-mobile.webp')no-repeat #dfdfdf center;
        height: 100px;
    }
}

@media screen and (max-width: 320px) {
    .img-lazy-slick {
        background: url('clientlib-site-shop/images/aplogo-mobile.webp')no-repeat #dfdfdf center;
        height: 90px;
    }
}


/*Checkout Pop Up Css*/

#checkout-popup .modal.in .modal-dialog .modal-content .close {
    position: absolute;
    right: 0
}

#checkout-popup .template-textual-simple a.btn-style4.mr-15 {
    margin-right: 0
}

#checkout-popup .template-textual-simple span.divider-vertical {
    padding-right: 0
}

.modal {
    z-index: 9999 !important;
}

/*.modal.in .modal-dialog {
    width: 96%;
    max-width: 596px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 212px;
    margin: auto;
    background: #fff;
}*/

.custom-modal-content-template .modal-content {
    height: auto;
    border-radius: 0;
}

.modal.in .modal-dialog .modal-content .close {
    float: right;
    border: 0;
    background: 0;
    font-size: 0;
    position: relative;
    z-index: 100;
    content: 'X';
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 !important;
}

.custom-modal-content-template .modal-header {
    width: auto;
    margin: 0;
    clear: none;
}

.custom-modal-content-template .modal-header .modal-title {
    float: none;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.custom-modal-content-template .modal-body {
    margin-bottom: 15px;
}

.modal-body {
    padding: 0 !important;
    position: relative;
}

.divider-vertical {
    padding-right: 10px
}

.btn-style4 {
    border: 2px solid #55565a !important;
    color: #55565a !important;
    display: inline-block !important;
    font-size: 18px;
    padding: 8px 25px;
    width: auto
}

.btn-style4:hover {
    background-color: #55565a;
    color: #fff !important
}

.checkout-yellow-bg-band {
    background-color: #fdda8e;
    font-size: 18px;
    color: #333;
    padding: 15px 0
}

.checkout-lemon-yellow-bg-band {
    background-color: #fdedc1;
    font-size: 20px;
    color: #333;
    padding: 25px 0
}

.checkout-lemon-yellow-bg-band>a {
    color: #333;
    padding-right: 15px
}

/*.modal.in .modal-dialog {
    width: 96%;
    max-width: 596px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 212px;
    margin: auto;
    background: #fff;
}*/

.modal-content {
    background: none;
    border: none;
    box-shadow: none;
    background: #fff;
    height: 212px;
}

.modal-header {
    padding: 15px;
    border-bottom: none;
}

.modal-content .close {
    float: right;
    border: none;
    background: none;
    font-size: 24px;
    position: relative;
    z-index: 100;
}

.modal-content #close {
    float: right;
    border: none;
    background: none;
    font-size: 24px;
    position: relative;
    z-index: 100;
}

.modal-header {
    margin: 67px auto;
    clear: both;
}

.modal-header .modal-title {
    font-size: 24px;
    float: left;
    color: #512b8b;
}

.modal-header p {
    float: left;
    line-height: 2;
    margin-top: 10px;
}

.modal-dialog {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}

.center {
    text-align: center;
}

.modal.in .modal-dialog .modal-content .close::after {
    content: 'X';
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    .btn-style4 {
        font-size: 14px;
        padding: 5px 15px;
    }
}

.c-offers-box .amount-box .amt-line{
    position:relative
}

.c-offers-box .amount-box .amt-line::after {
    content: "";
    height: 2px;
    background-color: #434343;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

@media only screen and (max-width:479px) {
    .c-product-zoom-box .zoom-box img {
        width:100%;
    }
}

.common-space-wp {
    max-width: 1366px;
    margin: auto;
    padding-right: 0;
    padding-left: 0;

}

.shop-details-common-wp .g-con-row, .body-container .g-con-row {
    margin: 20px 0 70px;/*check once in UAT shop all page */
}

.shop-details-common-wp .container, .body-container .container {
    max-width: 1366px !important;
}

 @media screen and (max-width: 1000px) and (min-width: 320px) {
    .common-space-wp {
        padding-right: 0;
        padding-left: 0;
    }

    .mobile-left-right-space {
        padding-right: 20px;
        padding-left: 20px;
    }

    .shop-details-common-wp .g-con-row, .body-container .g-con-row {
        margin: 40px 0;
    }
}

 .ap-shop-product-info .product-feature-spec {
     display: block;
 }

 .ap-shop-product-info #feature {
     flex: 0 0 50%;
     padding-right: 40px;
 }

.ap-shop-product-info .column-count {
   display: flex;
   flex-wrap: wrap;
 }
 .ap-shop-product-info .ctaComp{
     width:112px;
     margin-top: 15px;
 }
 .ap-shop-product-info .ctaComp .ctaText{
    width: auto;
    height: 38px;
    padding: 10px 15px;
 }
 @media screen and (max-width: 1000px) and (min-width: 320px) {
    .ap-shop-product-info .ctaComp,.ap-shop-product-info .ctaComp .ctaText{
        width:100%;
    }
 }

.ap-shop-product-info .column-count li {
    flex: 0 0 25%;
    font-size: 14px;
    font-family: apFontLight;
    padding-right: 20px;
 }

.ap-shop-product-info .feature li {
    display: flex;
    font-size: 14px;
    font-family: apFontLight;
    flex: 0 0 31.5%;
    background: #7c56c0;
    color: #fff;
    margin: 10px;
    padding: 16px 18px;
    text-align: center;
}
.ap-shop-product-info .feature li span{
    line-height: 22px;
}
.ap-shop-product-info .feature li span .dash{
    display: none;
}

.ap-shop-product-info .feature li .dash:before {
    content: "-";
    display: inline;
    margin-right: 5px;
}

.ap-shop-product-info b {
    font-family: apFontSemiBold;
}

 .ap-shop-product-info li {
    font-family: Montserrat;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    margin-top: 20px;
 }

.ap-shop-product-info .c-description-box .h5 {
    text-transform: capitalize;
    text-align: center;
}

 @media screen and (max-width: 1000px) and (min-width: 320px) {
    .c-description-box {
        display: block !important;
    }

    .ap-shop-product-info .feature li {
        flex: 0 0 100%;
    }

    .ap-shop-product-info .column-count li {
        padding-right: 0;
        flex: 0 0 50%;
    }

    .ap-shop-product-info .column-count li:nth-child(odd) {
        padding-right: 10px;
    }
    .ap-shop-product-info .column-count li:nth-child(even) {
        padding-left: 10px;
    }

    .ap-shop-product-info .c-section-divider{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ap-shop-product-info h3 {
        font-size: 22px;
    }
    .ap-shop-product-info .c-description-box p {
        margin: 0;
        font-size: 14px;
    }

    .ap-shop-product-info .c-description-box.manufacturer h5 {
        font-size: 12px;
        font-family: 'apFontSemiBold';
        margin-bottom: 10px;
    }
    .ap-shop-product-info .c-description-box .h5 {
        font-size: 16px;
        font-family: 'apFontBold';
        margin: 0;
    }

    .ap-shop-product-info .product-feature-spec span {
        font-family: apFontLight;
        font-size: 14px;
    }

    .ap-shop-product-info .product-feature-spec {
         display: block;
     }

    .ap-shop-product-info #feature ,.ap-shop-product-info .c-specs-desc-wp  {
        flex: 0 0 100%;
        padding-right: 0;
        padding-left: 0;
    }
 }

 .ap-shop-product-info #feature h5, .ap-shop-product-info #specs h5 {
     font-family: Montserrat;
     font-size: 20px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     line-height: 0.65;
     letter-spacing: normal;
 }
 .ap-shop-product-info .c-specs-title-wp label .spriteIcon-Aprevamp {
    position: relative;
}
.ap-shop-product-info .c-specs-title-wp label .spriteIcon-Aprevamp.minus {
    top: 5px;
}
.ap-shop-product-info .c-specs-title-wp label .spriteIcon-Aprevamp:before {
    content: '';
    border: 1px solid #919191;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
}
.ap-shop-product-info .c-specs-title-wp label .spriteIcon-Aprevamp.plus:before{
    top:-5px;
}
.ap-shop-product-info .c-specs-title-wp label .spriteIcon-Aprevamp.minus:before{
    top: -10px;
}
/*old icon styles repeating as in new codebase the sprite image is splitted but not in old codebase*/
.searchSpriteIcon{
    background-position: -145px -39px;
    width: 20px;
    height: 20px;
}
.cartIcon{
    background-position: -111px -39px !important;
    width: 20px;
    height: 21px;
}
.caretUpIcon{
    background-position:  -805px -384px !important;
	width: 21px;
	height: 21px;
}
.caretDownIcon {
	background-position:  -766px -383px !important;
	width: 21px;
	height: 21px;
}
.profileIcon{
    background-position: -284px -193px !important;
    width: 20px;
	height: 20px;
}
.profileIcon-active{
    background-position: -314px -193px !important;
	width: 20px;
	height: 20px;
}
.closeIcon{
    background-position: -865px -316px !important;
	width: 17px;
	height: 15px;
}
.backIcon{
    background-position: -775px -316px !important;
	width: 22px;
	height: 13px;
}
.plus {
    background-position: -902px -317px !important;
    width: 12px;
    height: 12px;
}
.minus{
    background-position: -936px -322px !important;
	width: 12px;
	height: 2px;
}
.nextIcon{
    background-position: -809px -317px !important;
	width: 22px;
	height: 13px;
}
.rightArrow {
    background-position: -809px -317px !important;
    width: 22px;
    height: 13px;
}
.leftArrow {
    background-position: -775px -316px !important;
    width: 22px;
    height: 13px;
}
.appStore {
    background-position: -665px -560px !important;
	width: 143px;
	height: 43px;
}
.playStore {
    background-position: -826px -560px !important;
	width: 143px;
	height: 43px;
}
.favouriteIcon {
	background-position: -660px -233px !important;
	width: 40px;
	height: 40px;
}
.sharepdpIcon {
    background-position: -1075px -235px !important;
    width: 40px;
    height: 40px;
    cursor: pointer;
    }
.profileIconWhite{
    background-position: -1020px -379px !important;
	width: 29px;
	height: 29px;
}
.wishListIcon{
    background-position: -40px -42px !important;
	width: 25px;
	height: 20px;
}
.locationTagIcon{
	background-position:  -214px -45px;
	width: 11px;
	height: 11px;
}
.howToApplyIcon{
    background-position: -30px -64px !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 700px;
    vertical-align: -2px;
}
.wrapper {
    width: 100%;
    float: left;
    position: relative
}

.g-left {
    float: left
}

.g-right {
    float: right
}

.g-row-m {
    margin-top: 40px;
    margin-bottom: 40px
}

.g-con-row {
    margin: 40px 0
}

@media only screen and (max-width: 767px) {
    .g-con-row {
        margin: 30px 0
    }
}

@media only screen and (max-width: 440px) {
    .g-con-row {
        margin: 15px 0
    }
}

.g-margin-bottom {
    margin-bottom: 40px
}

.g-close-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

body {
    font-family: "Open Sans";
    padding-top: 120px !important
}

@media only screen and (max-width: 440px) {
    body {
        padding-top: 65px !important
    }
}

.bodycampaign {
    padding-top: 0px !important
}

.regular-banner img {
    width: 100%
}

.width-100 {
    width: 100%
}

#nav-icon4 {
    width: 25px;
    height: 25px;
    margin-right: 30px;
    position: relative;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    margin-top: 26px;
    display: none
}

@media only screen and (max-width: 880px) {
    #nav-icon4 {
        display: block
    }
}

@media only screen and (max-width: 440px) {
    #nav-icon4 {
        margin-right: 10px;
        margin-top: 12px
    }
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #7350ac;
    opacity: 1;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(2) {
    top: 7px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px
}

.h1 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 40px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h1 {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h1 {
        font-size: 22px;
        padding-left: 25px
    }
}

.h2 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 36px;
    color: #444;
    margin: 0px;
    padding: 0px
}

.h2 .rose {
    color: #ff6b6b
}

@media only screen and (max-width: 1600px) {
    .h2 {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h2 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h2 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h2 {
        font-size: 21px;
        padding-left: 25px
    }
}

.section-header {
    position: relative;
    margin-bottom: 40px
}

@media only screen and (max-width: 440px) {
    .section-header {
        margin-bottom: 20px
    }
}

.section-header:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #ff6b6b;
    left: -65px;
    top: 50%;
    translate: transformY(-50%)
}

@media only screen and (max-width: 991px) {
    .section-header:before {
        left: -25px
    }
}

@media only screen and (max-width: 767px) {
    .section-header:before {
        left: -15px
    }
}

@media only screen and (max-width: 568px) {
    .section-header:before {
        width: 30px
    }
}

.section-header:after {
    display: none
}

.h3,
.typography h3 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 30px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h3,
    .typography h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 440px) {
    .h3,
    .typography h3 {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.h4,
.typography h4 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h4,
    .typography h4 {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .h4,
    .typography h4 {
        font-size: 18px
    }
}

.h5,
.typography h5 {
    font-family: "Open Sans Semibold";
    font-size: 22px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h5,
    .typography h5 {
        font-size: 18px
    }
}

@media only screen and (max-width: 440px) {
    .h5,
    .typography h5 {
        font-size: 16px
    }
}

.h6,
.typography h6 {
    font-family: "Open Sans";
    font-size: 18px;
    color: #444;
    font-weight: 400;
    margin: 0px
}

.p,
.typography p {
    font-family: "Open Sans";
    font-size: 14px;
    color: #444;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (max-width: 1600px) {
    .p,
    .typography p {
        font-size: 14px
    }
}

@media only screen and (max-width: 440px) {
    .p,
    .typography p {
        font-size: 14px;
        line-height: 21px
    }
}

.link-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #7350ac
}

@media only screen and (max-width: 767px) {
    .link-text {
        font-size: 14px
    }
}

.copy-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #444
}

@media only screen and (max-width: 767px) {
    .copy-text {
        font-size: 14px
    }
}

.animate-1,
.global-button,
.global-button-white,
.form-box .focusLine {
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out
}

.animate-2 {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.animate-3 {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.rupee-symbol {
    font-family: 'rupee_foradian1-webfont'
}

.g-left-dropdown {
    display: none
}

.typography h3 {
    margin: 0px
}

.typography h4 {
    margin: 0px
}

.typography h5 {
    margin: 0px
}

.typography h6 {
    margin: 0px
}

.typography ul {
    margin: 0;
    padding: 0
}

.typography ul li {
    list-style: none !important;
    font-size: 14px;
    font-family: "Open Sans";
    color: copy-text;
    position: relative;
    display: list-item;
    margin: 10px 0 10px 25px !important;
    line-height: 24px !important;
    padding: 0;
    background: none
}

.typography ul li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #7350ac;
    left: -19px;
    top: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.typography.no-bullets ul li {
    margin: 20px 0 20px 0 !important
}

.typography.no-bullets ul li:before {
    content: none
}

.section {
    clear: both
}

.global-button {
    background-color: #7350ac !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #fff !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button:hover {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button:focus {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button-white {
    background-color: #fff !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #7350ac !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button-white:hover {
    background-color: #7350ac !important;
    color: #fff !important
}

.global-button-white:focus {
    background-color: #7350ac !important;
    color: #fff !important
}

.form-box .error:last-child {
    color: #d6330d;
    font-size: 11px;
    position: absolute;
    bottom: -12px;
    left: 0px
}

.form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="text"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #fff url("clientlib-site-shop/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    font-family: "Open Sans";
    font-size: 14px;
    color: #444
}

.form-box select:option {
    padding: 5px
}

.form-box .focusLine {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #7350ac;
    z-index: 5
}

.form-box .radiobtn {
    display: inline-block
}

.form-box .radiobtn label {
    position: relative
}

.form-box .radiobtn label p {
    position: relative;
    left: -30%;
    bottom: -30px;
    margin: 0px auto
}

.form-box .radiobtn label:before {
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    border: solid 1px #7350ac
}

.form-box .radiobtn label input {
    visibility: hidden;
    position: absolute
}

.form-box .radiobtn label input:checked+label:before {
    background-color: #7350ac;
    border-radius: 10px;
    border: solid 1px #fff
}

.form-box .checkbox {
    position: relative;
    margin-left: 30px
}

.form-box .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-box .checkbox .form-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid 1px #444
}

.form-box .checkbox .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.form-box .checkbox input:checked ~ .form-indicator {
    background-color: #fff;
    border: solid 1px #d6330d
}

.form-box .checkbox input:checked ~ .form-indicator:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid 1px #444;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.form-box label {
    font-family: "Open Sans";
    font-size: 14px
}

select option {
    background-color: #fff;
    border: solid 1px #838383;
    padding: 5px
}

.sprite-box a {
    background: url(clientlib-site-shop/images/global-sprite.png);
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block
}

.sprite-box a.login {
    background-position: 2px 27px
}

.sprite-box a.cart {
    background-position: 49px 27px
}

.sprite-box a.search {
    background-position: 103px 27px
}

.sprite-box a.left-arrow {
    background-position: 155px 27px
}

.sprite-box a.right-arrow {
    background-position: 197px 27px
}

.sprite-box a.play {
    background-position: 242px 27px
}

.sprite-box a.close {
    background-position: 292px 27px
}

.sprite-box a.cross {
    background-position: 350px 27px
}

.sprite-box a.download {
    background-position: 403px 27px
}

.sprite-box a.edit {
    background-position: 460px 27px
}

.sprite-box a.delete {
    background-position: 515px 27px
}

.sprite-box a.print {
    background-position: 566px 27px
}

.sprite-box a.map {
    background-position: 615px 27px
}

.sprite-box a.like {
    background-position: 661px 27px
}

.sprite-box a.share {
    background-position: 719px 27px
}

.g-arrow-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5px
}

@media only screen and (max-width: 1440px) {
    .g-arrow-container {
        left: auto;
        right: 20%
    }
}

@media only screen and (max-width: 767px) {
    .g-arrow-container {
        left: auto;
        right: 30px;
        transform: none
    }
}

.g-arrow-container .slick-arrow img {
    border: none
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden
    }
}

.c-brand-box .two-pic-box {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.c-brand-box .two-pic-box p {
    font-family: "Open Sans";
    font-size: 16px;
    padding: 0 20px;
    line-height: 24px;
    text-align: center
}

.c-brand-box .two-pic-box p b {
    font-weight: bold
}

@media only screen and (max-width: 992px) {
    .c-brand-box .two-pic-box p {
        font-size: 16px;
        padding: 0 10px;
        line-height: 22px
    }
}

@media only screen and (max-width: 767px) {
    .c-brand-box .two-pic-box p {
        font-size: 14px;
        padding: 0;
        line-height: 20px
    }
}

@media only screen and (max-width: 567px) {
    .c-brand-box .two-pic-box {
        display: block
    }
}

.c-brand-box .one-pic-box {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.c-brand-box .one-pic-box p {
    font-family: "Open Sans";
    font-size: 16px;
    padding: 0 40px;
    line-height: 24px;
    text-align: left
}

.c-brand-box .one-pic-box p b {
    font-weight: bold
}

@media only screen and (max-width: 992px) {
    .c-brand-box .one-pic-box p {
        font-size: 16px;
        padding: 0 10px;
        line-height: 22px
    }
}

@media only screen and (max-width: 767px) {
    .c-brand-box .one-pic-box p {
        font-size: 14px;
        padding: 20px 0 0 0;
        line-height: 20px
    }
}

@media only screen and (max-width: 567px) {
    .c-brand-box .one-pic-box {
        display: block
    }
}

.c-brand-pink-banner-box {
    background-color: transparent;
    text-align: center
}

.c-brand-pink-banner-box img {
    width: 100%
}

.c-sticker-list ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.c-sticker-list ul li {
    width: calc(33.33% - 5px);
    display: inline-block;
    padding: 0 5px;
    vertical-align: top
}

.c-sticker-list ul li h5 {
    padding: 15px 0 10px 0;
    font-family: "Open Sans Semibold"
}

@media only screen and (max-width: 440px) {
    .c-sticker-list ul li h5 {
        padding-top: 0px
    }
}

@media only screen and (max-width: 567px) {
    .c-sticker-list ul li {
        width: calc(100%);
        margin-bottom: 30px
    }
}

.stores-carosel {
    display: flex;
    align-self: stretch;
    justify-content: space-between
}

@media only screen and (max-width: 440px) {
    .stores-carosel {
        margin: 0 -15px
    }
}

.stores-carosel .slick-slide {
    height: auto
}

.stores-list {
    width: calc(33.33% - 20px);
    vertical-align: top;
    display: inline-block;
    background-color: #ffffff;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media only screen and (max-width: 767px) {
    .stores-list {
        width: 585px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 600px) {
    .stores-list {
        width: 435px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 440px) {
    .stores-list {
        width: 335px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 375px) {
    .stores-list {
        width: 335px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 360px) {
    .stores-list {
        width: 285px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 321px) {
    .stores-list {
        width: 235px;
        margin-right: 15px
    }
}

.stores-list:last-child {
    margin-right: 0
}

.stores-list h5 {
    display: block;
    margin: 15px 0px;
    margin-top: 30px
}

@media only screen and (max-width: 440px) {
    .stores-list h5 {
        margin-top: 25px
    }
}

.stores-list p {
    display: block;
    line-height: 22px;
    text-align: left;
    font-size: 16px;
    padding: 15px 0
}

.stores-list a img {
    width: 100%;
    margin: 0px auto
}

.purple-box-content {
    display: flex;
    background-color: #bfa0f1
}

.purple-box-content .purple-pic {
    width: 60%
}

.purple-box-content .purple-pic img {
    width: 100%;
    margin: -2px 0 -4px -2px
}

@media only screen and (max-width: 639px) {
    .purple-box-content .purple-pic img {
        margin: -1px 0 -1px -1px
    }
}

.purple-box-content .purple-pic img.right-img {
    margin: -2px 5px -4px 5px
}

.purple-box-content .purple-pic.order-left {
    order: 1
}

.purple-box-content .purple-box {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    align-items: center
}

.purple-box-content .purple-box p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important;
    color: #ffffff;
    line-height: 21px
}

.purple-box-content .purple-box div {
    width: 100%;
    border-top: solid 1px #ffffff;
    padding-top: 20px
}

.purple-box-content .purple-box div p {
    color: #313131
}

.purple-box-content .purple-box div .amount-box {
    display: flex;
    align-items: center;
    border-top: none;
    padding-top: 0
}

.purple-box-content .purple-box div .amount-box .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.purple-box-content .purple-box div .amount-box .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through
}

.purple-box-content .purple-box div .amount-box .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 20px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .purple-box-content .purple-box {
        padding: 10px
    }
    .purple-box-content .purple-box div {
        padding-top: 10px
    }
    .purple-box-content .purple-pic img {
        margin: -1px 0px -3px -1px;
        width: 101%
    }
    .purple-box-content .purple-pic img.right-img {
        margin: -1px 5px -3px -1px;
        width: 101%
    }
}

@media only screen and (max-width: 767px) {
    .purple-box-content {
        display: block
    }
    .purple-box-content .purple-pic {
        width: 100%
    }
    .purple-box-content .purple-pic img {
        margin: -2px 0px -2px -1px;
        width: 101%
    }
    .purple-box-content .purple-box {
        width: 100%;
        display: block
    }
    .purple-box-content .purple-pic img.right-img {
        margin: -2px 5px -2px -1px
    }
    .c-brand-box .two-pic-box div {
        text-align: center
    }
    .stores-carosel {
        overflow: hidden
    }
    .c-brand-box .one-pic-box div {
        text-align: center
    }
}

@media only screen and (min-width: 441px) and (max-width: 766px) {
    .c-sticker-list ul li h5 {
        font-size: 16px
    }
}

.grid-item {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.grid-item:last-child {
    /*margin-bottom: 0;*/
}
a.item.fresco {
    display: inline-block !important
}
.tile {
    position: relative;
}
.grid-item img {
    width: 100%;
}
.item-img img {
    width: 100%;
}

.play-icon {
    background: url("clientlib-site-shop/images/play.webp") no-repeat;
    display: inline-block;
    width: 68px;
    height: 67px;
    margin-bottom: 8px;
}
.item-hdng {
    font-family: "Conv_accordaltregular-webfont!important";
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #333;
}
.item-captn.top {
    bottom: auto;
    top: 30px;
}
.item-captn {
    background-color: rgba(255, 255, 255, 0.75);
    bottom: 30px;
    left: 0;
    padding: 12px;
    position: absolute;
    width: 100%;
}
.fr-overlay,
.fr-window {
    position: fixed;
    top: 0;
    left: 0
}

.fr-box,
.fr-overlay,
.fr-overlay-background,
.fr-page,
.fr-pages,
.fr-window {
    width: 100%;
    height: 100%
}

.fr-hovering-clickable .fr-container,
.fr-side {
    cursor: pointer
}

.fr-overlay,
.fr-overlay [class^=fr-],
.fr-spinner,
.fr-spinner [class^=fr-],
.fr-window,
.fr-window [class^=fr-] {
    box-sizing: border-box
}

.fr-overlay {
    z-index: 99998
}

.fr-window {
    font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
    transform: translateZ(0);
    z-index: 99999
}

.fr-spinner {
    z-index: 100000
}

.fr-overlay-background {
    float: left;
    background: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}

.fr-overlay-ui-fullclick .fr-overlay-background {
    background: #292929;
    opacity: 1;
    filter: alpha(opacity=100)
}

.fr-overlay.fr-mobile-touch,
.fr-window.fr-mobile-touch {
    position: absolute;
    overflow: visible
}

.fr-measured {
    margin: 0!important;
    min-width: 0!important;
    min-height: 0!important
}

.fr-box {
    position: absolute;
    top: 0;
    left: 0
}

.fr-pages {
    position: absolute;
    overflow: hidden;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-info,
.fr-position-inside,
.fr-position-outside {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -khtml-user-select: text
}

.fr-page {
    position: absolute
}

.fr-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center
}

.fr-ui-inside .fr-container,
.fr-ui-inside.fr-no-sides .fr-container {
    padding: 20px
}

.fr-ui-outside .fr-container {
    padding: 20px 82px
}

.fr-ui-outside.fr-no-sides .fr-container {
    padding: 20px 48px
}

@media all and (max-width:700px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:700px) {
    .fr-ui-inside .fr-container,
    .fr-ui-inside.fr-no-sides .fr-container {
        padding: 12px
    }
    .fr-ui-outside .fr-container {
        padding: 12px 72px
    }
    .fr-ui-outside.fr-no-sides .fr-container {
        padding: 12px 48px
    }
}

@media all and (max-width:500px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:500px) {
    .fr-ui-inside .fr-container,
    .fr-ui-inside.fr-no-sides .fr-container {
        padding: 0
    }
    .fr-ui-outside .fr-container {
        padding: 0 72px
    }
    .fr-ui-outside.fr-no-sides .fr-container {
        padding: 0 48px
    }
}

.fr-ui-fullclick .fr-container,
.fr-ui-fullclick.fr-no-sides .fr-container {
    padding: 0
}

.fr-ui-fullclick.fr-type-video .fr-container {
    padding: 0 62px
}

.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
    padding: 48px 0
}

.fr-overflow-y .fr-container {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.fr-content,
.fr-content-background {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible
}

.fr-info,
.fr-info-background {
    position: absolute;
    top: 0;
    width: 100%
}

.fr-content-element {
    float: left;
    width: 100%;
    height: 100%
}

.fr-content-background {
    background: #101010
}

.fr-info {
    left: 0;
    color: #efefef;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fr-position,
.fr-position-text {
    color: #b3b3b3
}

.fr-info-background {
    left: 0;
    height: 100%;
    background: #000;
    line-height: 1%;
    filter: none;
    opacity: 1
}

.fr-ui-inside .fr-info-background {
    filter: alpha(opacity=80);
    opacity: .8;
    zoom: 1
}

.fr-ui-outside .fr-info-background {
    background: #0d0d0d
}

.fr-content .fr-info {
    top: auto;
    bottom: 0
}

.fr-info-padder {
    display: block;
    overflow: hidden;
    padding: 12px;
    position: relative;
    width: auto
}

.fr-caption {
    width: auto;
    display: inline;
    white-space: wrap
}

.fr-position {
    float: right;
    line-height: 21px;
    opacity: .99;
    position: relative;
    text-align: right;
    margin-left: 15px;
    white-space: nowrap
}

.fr-position-inside,
.fr-position-outside {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 12px;
    width: auto;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    display: none;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fr-close,
.fr-side {
    -webkit-user-select: none;
    -moz-user-select: none
}

.fr-position-inside {
    border: 0
}

.fr-position-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d0d0d;
    filter: alpha(opacity=80);
    opacity: .8;
    zoom: 1
}

.fr-position-inside .fr-position-text,
.fr-position-outside .fr-position-text {
    float: left;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    opacity: 1
}

.fr-ui-outside .fr-position-outside {
    display: block
}

.fr-ui-outside .fr-info .fr-position {
    display: none
}

.fr-ui-inside.fr-no-caption .fr-position-inside {
    display: block
}

.fr-info .fr-stroke-top,
.fr-ui-fullclick .fr-stroke,
.fr-ui-inside.fr-no-caption .fr-caption,
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom,
.fr-ui-outside.fr-no-caption .fr-info {
    display: none
}

.fr-info a,
.fr-info a:hover {
    color: #ccc;
    border: 0;
    background: 0 0;
    text-decoration: underline
}

.fr-info a:hover {
    color: #eee
}

.fr-stroke {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.fr-stroke-vertical {
    width: 1px;
    height: 100%
}

.fr-stroke-horizontal {
    padding: 0 1px
}

.fr-stroke-right {
    left: auto;
    right: 0
}

.fr-stroke-bottom {
    top: auto;
    bottom: 0
}

.fr-stroke-color {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .08)
}

.fr-info .fr-stroke-color {
    background: rgba(80, 80, 80, .3)
}

.fr-ui-fullclick .fr-content-background {
    box-shadow: none
}

.fr-side-hidden,
.fr-thumbnails-disabled .fr-thumbnails {
    display: none!important
}

.fr-side {
    position: absolute;
    top: 50%;
    width: 54px;
    height: 72px;
    margin: -36px 9px 0;
    user-select: none;
    zoom: 1
}

.fr-side-previous {
    left: 0
}

.fr-side-next {
    right: 0;
    left: auto
}

.fr-side-disabled {
    cursor: default
}

.fr-close,
.fr-thumbnail,
.fr-thumbnail-overlay {
    cursor: pointer
}

.fr-side-button {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.fr-side-button-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc
}

.fr-side-button-icon {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    zoom: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media all and (max-width:500px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:414px) {
    .fr-side {
        width: 54px;
        height: 60px;
        margin: -30px 0 0
    }
    .fr-side-button {
        width: 48px;
        height: 60px;
        margin: 0 3px
    }
}

.fr-close {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    user-select: none
}

.fr-close-background,
.fr-close-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    height: 26px;
    width: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.fr-close-background {
    background-color: #000
}

.fr-thumbnails {
    position: absolute;
    overflow: hidden
}

.fr-thumbnails-horizontal .fr-thumbnails {
    width: 100%;
    height: 12%;
    min-height: 74px;
    max-height: 160px;
    bottom: 0
}

.fr-thumbnails-vertical .fr-thumbnails {
    height: 100%;
    width: 10%;
    min-width: 74px;
    max-width: 160px;
    left: 0
}

.fr-thumbnails,
.fr-thumbnails * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-thumbnails-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%
}

.fr-thumbnails-vertical .fr-thumbnails-wrapper {
    top: 50%;
    left: 0
}

.fr-thumbnails-slider {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    zoom: 1
}

.fr-thumbnails-slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.fr-thumbnails-thumbs {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0
}

.fr-thumbnails-slide {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.fr-thumbnail-frame {
    position: absolute;
    zoom: 1;
    overflow: hidden
}

.fr-thumbnail {
    position: absolute;
    width: 30px;
    height: 100%;
    left: 50%;
    top: 50%;
    zoom: 1;
    margin: 0 10px
}

.fr-ltIE9 .fr-thumbnail * {
    overflow: hidden;
    z-index: 1;
    zoom: 1
}

.fr-thumbnail-wrapper {
    position: relative;
    background: #161616;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    display: inline;
    z-index: 0
}

.fr-thumbnail-active,
.fr-thumbnail-active .fr-thumbnail-overlay {
    cursor: default
}

.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    overflow: hidden;
    border-style: solid;
    border-color: transparent
}

.fr-ltIE9 .fr-thumbnail-overlay-border {
    border-width: 0!important
}

.fr-thumbnail .fr-thumbnail-image {
    position: absolute;
    filter: alpha(opacity=85);
    opacity: .85;
    max-width: none
}

.fr-thumbnail-active:hover .fr-thumbnail-image,
.fr-thumbnail:hover .fr-thumbnail-image {
    filter: alpha(opacity=99);
    opacity: .99
}

.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
    filter: alpha(opacity=35);
    opacity: .35
}

.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-thumbnail-loading-background {
    background-color: #161616;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: .8;
    position: relative;
    float: left
}

.fr-thumbnail-loading-icon {
    display: none
}

.fr-thumbnail-error .fr-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202020
}

.fr-thumbnails-side {
    float: left;
    height: 100%;
    width: 28px;
    margin: 0 5px;
    position: relative;
    overflow: hidden
}

.fr-thumbnails-side-previous {
    margin-left: 12px
}

.fr-thumbnails-side-next {
    margin-right: 12px
}

.fr-thumbnails-vertical .fr-thumbnails-side {
    height: 28px;
    width: 100%;
    margin: 10px 0
}

.fr-thumbnails-vertical .fr-thumbnails-side-previous {
    margin-top: 20px
}

.fr-thumbnails-vertical .fr-thumbnails-side-next {
    margin-bottom: 20px
}

.fr-thumbnails-side-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.fr-thumbnails-side-button-background,
.fr-thumbnails-side-button-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.fr-thumbnails-side-button-background {
    filter: alpha(opacity=80);
    opacity: .8;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    background-color: #333;
    cursor: pointer;
    border-radius: 4px
}

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
    background-color: #3b3b3b
}

.fr-thumbnails-side-button-disabled * {
    cursor: default
}

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background {
    background-color: #333
}

.fr-thumbnails-vertical .fr-thumbnail-frame,
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
    clear: both
}

.fr-window-ui-fullclick .fr-thumbnails {
    background: #090909
}

.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom,
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left {
    display: block!important
}

.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
    padding: 12px 5px
}

.fr-thumbnails-vertical .fr-thumbnails-thumbs {
    padding: 5px 12px
}

.fr-thumbnails-measured .fr-thumbnails-thumbs {
    padding: 0!important
}

@media all and (min-height:700px) {
    .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
        padding: 16px 8px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side {
        margin: 0 8px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
        margin-left: 16px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side-next {
        margin-right: 16px
    }
}

@media all and (min-height:980px) {
    .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
        padding: 20px 10px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side {
        margin: 0 10px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side-previous {
        margin-left: 20px
    }
    .fr-thumbnails-horizontal .fr-thumbnails-side-next {
        margin-right: 20px
    }
}

@media all and (min-width:1200px) {
    .fr-thumbnails-vertical .fr-thumbnails-thumbs {
        padding: 8px 16px
    }
    .fr-thumbnails-vertical .fr-thumbnails-side {
        margin: 0 8px
    }
    .fr-thumbnails-vertical .fr-thumbnails-side-previous {
        margin-top: 16px
    }
    .fr-thumbnails-vertical .fr-thumbnails-side-next {
        margin-bottom: 16px
    }
}

@media all and (min-width:1800px) {
    .fr-thumbnails-vertical .fr-thumbnails-thumbs {
        padding: 10px 20px
    }
    .fr-thumbnails-vertical .fr-thumbnails-side {
        margin: 10px 0
    }
    .fr-thumbnails-vertical .fr-thumbnails-side-previous {
        margin-top: 20px
    }
    .fr-thumbnails-vertical .fr-thumbnails-side-next {
        margin-bottom: 20px
    }
}

@media all and (max-width:500px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:500px) {
    .fr-thumbnails-horizontal .fr-thumbnails {
        display: none!important
    }
}

@media all and (max-width:700px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:414px) {
    .fr-thumbnails-vertical .fr-thumbnails {
        display: none!important
    }
}

.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-close-outside,
.fr-window-ui-inside .fr-page>.fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick {
    display: none!important
}

.fr-toggle-ui {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.fr-visible-fullclick-ui .fr-box>.fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
    opacity: 1
}

.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.fr-ltIE9.fr-hidden-fullclick-ui .fr-box>.fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
    display: none
}

.fr-spinner {
    position: fixed;
    width: 52px;
    height: 52px;
    background: #101010;
    background: rgba(16, 16, 16, .85);
    border-radius: 5px
}

.fr-spinner div {
    position: absolute;
    top: 0;
    left: 0;
    height: 64%;
    width: 64%;
    margin-left: 18%;
    margin-top: 18%;
    opacity: 1;
    -webkit-animation: fresco-12 1.2s infinite ease-in-out;
    animation: fresco-12 1.2s infinite ease-in-out
}

.fr-spinner div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 8px;
    margin-left: -1px;
    background: #fff;
    box-shadow: 0 0 1px transparent
}

.fr-spinner div.fr-spin-1 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.fr-spinner div.fr-spin-2 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.fr-spinner div.fr-spin-3 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.fr-spinner div.fr-spin-4 {
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.fr-spinner div.fr-spin-5 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.fr-spinner div.fr-spin-6 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.fr-spinner div.fr-spin-7 {
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.fr-spinner div.fr-spin-8 {
    -ms-transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.fr-spinner div.fr-spin-9 {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.fr-spinner div.fr-spin-10 {
    -ms-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.fr-spinner div.fr-spin-11 {
    -ms-transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.fr-spinner div.fr-spin-12 {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes fresco-12 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fresco-12 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fr-thumbnail-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px
}

.fr-thumbnail-spinner-spin {
    position: relative;
    float: left;
    margin: 8px 0 0 8px;
    text-indent: -9999em;
    border-top: 2px solid rgba(255, 255, 255, .2);
    border-right: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    border-left: 2px solid #fff;
    -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
    animation: fr-thumbnail-spin 1.1s infinite linear
}

.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

@-webkit-keyframes fr-thumbnail-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fr-thumbnail-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fr-error {
    float: left;
    position: relative;
    background-color: #ca3434;
    width: 160px;
    height: 160px
}

.fr-error-icon {
    position: absolute;
    width: 42px;
    height: 42px;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px
}

.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-error-icon,
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon {
    background-image: url(clientlib-site-shop/images/sprite.svg)
}

.fr-window-skin-fresco .fr-error-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon {
    background-image: url(clientlib-site-shop/images/sprite.png)
}

.fr-window-skin-fresco .fr-error-icon {
    background-position: -160px -126px
}

.fr-window-skin-fresco .fr-content-background {
    background: #101010;
    box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
    box-shadow: none
}

.fr-window-skin-fresco .fr-side-button-background {
    background-color: transparent
}

.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
    background-position: -13px -14px
}

.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
    background-position: -93px -14px
}

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
    background-position: -13px -214px
}

.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
    background-position: -93px -214px
}

.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
    background-position: -13px -114px
}

.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
    background-position: -93px -114px
}

.fr-window-skin-fresco.fr-svg .fr-side-button-icon {
    opacity: .5
}

.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon {
    opacity: 1
}

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon {
    opacity: .8
}

.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon {
    opacity: .2
}

.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon {
    background-image: none
}

@media all and (max-width:500px) and (orientation:portrait),
all and (orientation:landscape) and (max-height:414px) {
    .fr-page {
        min-width: 100%;
        min-height: 100%
    }
    .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
        background-position: 0 -300px
    }
    .fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
        background-position: -48px -300px
    }
    .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
        background-position: 0 -360px
    }
    .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
        background-position: -48px -360px
    }
    .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon {
        background-position: 0 -360px
    }
    .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon {
        background-position: -48px -360px
    }
    .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
        background-position: 0 -360px
    }
    .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
        background-position: -48px -360px
    }
    .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon {
        background-position: 0 -420px
    }
    .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
    .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon {
        background-position: -48px -420px
    }
}

.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
    background-color: #363636
}

.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {
    background-color: #434343
}

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background {
    background-color: #131313;
    filter: alpha(opacity=80);
    opacity: .8
}

.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background {
    background-color: #191919
}

.fr-window-skin-fresco .fr-close .fr-close-icon {
    background-position: -168px -8px
}

.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
    background-position: -210px -8px
}

.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
    background-position: -210px -8px;
    opacity: .8
}

.fr-window-skin-fresco .fr-close:hover .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon {
    opacity: 1
}

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
    box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.fr-window-skin-fresco .fr-thumbnail-wrapper {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .3)
}

.fr-window-skin-fresco .fr-thumbnail-overlay-border {
    border-width: 1px;
    border-color: rgba(255, 255, 255, .08)
}

.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
    border: 0
}

.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -167px -49px
}

.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
    background-position: -209px -49px
}

.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -167px -91px
}

.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
    background-position: -209px -91px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -293px -49px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
    background-position: -335px -49px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -293px -91px
}

.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
    background-position: -335px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    opacity: .8
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -167px -49px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -209px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon {
    opacity: 1
}

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
    background-position: -293px -49px
}

.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
    background-position: -335px -91px
}

.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled {
    opacity: .5
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -251px -49px
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -251px -91px
}

.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
    filter: alpha(opacity=50)
}

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -377px -49px
}

.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
    background-position: -377px -91px
}
span.pincodepromptvalidate{
    color:red;
    margin-right: 125px;
}
@media screen and (min-width:320px) and (max-width:767px){
    span.pincodepromptvalidate{
        color:red;
        margin-right: 0px;
    }
}
#paintingService, #paintingServiceCarousel { text-align:center;}
#paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { max-width:620px; width:100%;}
#paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 20px 10px 20px;}
#paintingService .modal-body, #paintingServiceCarousel .modal-body { padding:0 20px 50px 20px !important;}
#paintingService .modal-header .modal-title { font-size:30px; color:#6b6b6b;}
#paintingService .modal-body .painting-service-copy p { font-size:18px; color:#6b6b6b; margin-bottom:10px; line-height: 25px; }
#paintingService .model-input { width:100%;}
#paintingService .model-input ul { margin-top:20px;}
#paintingService .model-input ul li { display:inline-block; margin-left:15px;}
#paintingService .model-input ul li input { background-color: transparent; border: 3px solid #5e3b8d; padding:15px 0; width: 250px; font-size: 18px; font-family: 'Conv_accordaltregular-webfont'; text-indent: 15px;}
#paintingService .model-input ul li button {background-color: #5e3b8d; border: 0 none; color: #fff; font-size: 18px; font-family: 'Conv_accordaltregular-webfont'; padding:18px 40px;}
#paintingService .modal-content .close { top: -18px; right: 10px; font-size: 26px; }
.pop-up-slider .item > ul { list-style-type: none; padding: 0; margin: 0; display: flex; align-items: center; text-align: left; }
.pop-up-slider .item > ul > li { float: left; }
.pop-up-slider .item > ul > li:first-child { width: 30%; text-align: center; }
.pop-up-slider .item > ul > li:last-child { width: 70%; padding-left: 40px; }
.pop-up-slider .item > ul > li > p { font-size: 36px; color: #676767; margin-bottom: 20px; font-family: 'Conv_accordaltregular-webfont'; }
.pop-up-slider .item > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_accordaltregular-webfont'; }
#paintingServiceCarousel .modal-header img{ opacity: 0.1; }

#paintingService, #paintingServiceCarousel { top: -15%; }

@media screen and (min-width:320px) and (max-width:767px) {
    #paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { width:85%;}
    #paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 10px 0px 10px;}
    #paintingService .modal-body, #paintingServiceCarousel .modal-body { padding:10px 10px 20px 10px !important;}
    #paintingService .modal-header .modal-title { font-size:24px;}
    #paintingService .modal-body .painting-service-copy p { font-size:16px;}
    #paintingService .model-input ul li { margin-bottom:10px; display:block;}
    #paintingService .model-input ul li input { width: 200px; font-size: 14px; }
    #paintingService .modal-content .close { top: -20px; }
    .pop-up-slider .item > ul > li > p { font-size: 24px; }
    .pop-up-slider .item > ul > li > span { font-size: 14px; }
    #paintingService .model-input ul li button{ padding: 12px 30px; }
    #paintingService .modal-body .painting-service-copy p br{ display: none;}
    #paintingService .modal-body .painting-service-copy p{ line-height: 22px; }
    #paintingService .modal-header .modal-title{ line-height: 28px;}
    #paintingServiceCarousel .modal-header img{ width: 100px; }
}
@media screen and (max-width:479px){
    .pop-up-slider .item > ul { display: block; }
    .pop-up-slider .item > ul > li { float: none; text-align: center; }
    .pop-up-slider .item > ul > li:first-child, .pop-up-slider .item > ul > li:last-child { width: 100%; }
    .pop-up-slider .item > ul > li:last-child { margin-top: 20px; }
    .pop-up-slider .item > ul > li > img { width: 50%; }
    .pop-up-slider .item > ul > li:last-child { padding-left: 0; }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #paintingService .modal-dialog, #paintingServiceCarousel .modal-dialog { width:85%;}
    #paintingService .modal-header, #paintingServiceCarousel .modal-header { margin:30px 10px 10px 10px;}
    #paintingService .modal-content .close { top: -20px; }
    .pop-up-slider .item > ul > li > p { font-size: 28px; }
    .pop-up-slider .item > ul > li > span { font-size: 16px; }
}

#paintingServiceNotAvailable .modal-dialog { max-width:700px; width:100%;}
#paintingServiceNotAvailable .modal-body > ul { list-style-type: none; padding: 30px 50px; margin: 0; display: flex; align-items: center; text-align: left; }
#paintingServiceNotAvailable .modal-body > ul > li { text-align: center; }
#paintingServiceNotAvailable .modal-body > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_accordaltregular-webfont'; margin-bottom: 20px; }
#paintingServiceNotAvailable .modal-body > ul > li:first-child { width: 30%; text-align: center; }
#paintingServiceNotAvailable .modal-body > ul > li:last-child { width: 69%; padding-left: 40px; }

@media screen and (max-width:479px){
    #paintingServiceNotAvailable .modal-body > ul { padding: 20px; }
    #paintingServiceNotAvailable .modal-body > ul > li:last-child {padding-left: 20px; }
}


#serviceNotAvailable .modal-dialog { max-width:700px; width:100%;}
#serviceNotAvailable .modal-body > ul { list-style-type: none; padding: 30px 50px; margin: 0; display: flex; align-items: center; text-align: left; }
#serviceNotAvailable .modal-body > ul > li { text-align: center; }
#serviceNotAvailable .modal-body > ul > li > span { font-size: 18px; line-height: 24px; color: #676767; display: block; font-family: 'Conv_accordaltregular-webfont'; margin-bottom: 20px; }
#serviceNotAvailable .modal-body > ul > li:first-child { width: 30%; text-align: center; }
#serviceNotAvailable .modal-body > ul > li:last-child { width: 69%; padding-left: 40px; }

@media screen and (max-width:479px){
    #serviceNotAvailable .modal-body > ul { padding: 20px; }
    #serviceNotAvailable .modal-body > ul > li:last-child {padding-left: 20px; }
}

.btn-style2 {
    background-color: #fff;
    border: 2px solid #55565a;
    color: #55565a;
    font-family: 'Conv_accordaltregular-webfont';
    display: inline-block;
    font-size: 18px;
    padding: 7px 30px 8px;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn-style2:hover {
    background-color: #55565a;
    border-color: #55565a;
    color: #fff;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');
body{
    font-family: 'Montserrat';
    font-weight: 700;
}
.shop-listing-revamp.g-con-row {
    margin-top: 95px;
    padding: 0 20px;
}

.favouriteIcon-selected, .favouriteIcon-selected{
    background-position: -720px -233px !important;
    width: 40px;
    height: 40px;
}

.shop-listing-revamp .revamp-favouriteIcon {
    position: absolute;
    top: 10px;
    right: 20px;
}

.shop-listing-revamp .checkout-cart {
    text-transform: uppercase !important;
}

.shop-listing-revamp .global-button-white {
    padding: 15px 41px !important;
    font-size: 12px !important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer !important;
    font-family: 'apFontMedium' !important;
}

.shop-listing-revamp .load-more-prod {
    font-size: 13px !important;
    padding: 14px 20px !important;
    min-width: 150px !important;
    border-radius: 0;
    width: fit-content;
    display: inline-block;
}

.shop-listing-revamp .global-button-white span {
    cursor: pointer !important;
}

.shop-listing-revamp .rotating {
    margin-left: 10px;
    font-size: 14px;
}

.shop-listing-revamp .container {
    max-width: 1366px;
    padding: 0;
}

.shop-listing-revamp .rotating.hide {
    display: none;
}

.shop-listing-revamp .c-three-column-box .cat-list ul li p{
    font-family: apFontMedium !important;
    font-size: 13px !important;
}
.shop-listing-revamp .amount-box .green-text {
     font-family: 'apFontMedium' !important;
}

.shop-listing-revamp .amount-box .amt {
    font-family: 'apFontSemiBold' !important;
}
.shop-listing-revamp .shop-prod-sec .section-header{
    margin-bottom: 15px;
}
.shop-listing-revamp .c-tabbing {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.shop-listing-revamp .c-sort-list-revamp {
    display: flex;
    align-items: center;
}

.shop-listing-revamp .sort-by-label {
    min-width: 68px;
    font-family: apFontLight;
}

.shop-listing-revamp .c-sort-list-revamp select {
    border: none;
    background: transparent;
    padding-right: 6px;
    cursor: pointer;
    width: 100%;
}

.shop-listing-pencil-icon {
    transform: rotateY(180deg);
    color: #6d4b9a;
}

.shop-listing-revamp .amount-box .amt-line {
    font-family: 'apFontLight' !important
}


.shop-listing-revamp .c-three-column-box ul {
    display: flex;
    flex-wrap: wrap;
}

.shop-listing-revamp .c-three-column-box .cat-list ul li img {
    width:100% !important;
    height: auto;
}
.shop-listing-revamp .c-three-column-box .cat-list ul li {
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 33.33%;
    margin-bottom: 15px;
}

.shop-listing-revamp .filter-hidden .c-three-column-box .cat-list ul li {
    flex: 0 0 25%;
}

.shop-listing-revamp .c-sort-list-revamp span {
    padding-right: 10px;
}

.shop-listing-revamp .sort-area-wp, .shop-listing-revamp .sort-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-listing-revamp .modal__variant-login--login-text {
    font-family: apFontSemiBold;
}

.shop-listing-revamp .mob-filter-header {
    display: none;
}

.shop-listing-revamp .left-top-box {
    top: 0;
    border-radius: 2px;
}

.shop-listing-revamp .left-top-box:after {
    display: none;
}

.shop-listing-revamp .listing-wrapper {
    padding-left: 60px;
}


.shop-listing-revamp .prods-list li {
    padding: 0;
}

.shop-listing-revamp .prods-list li {
    padding-right: 7px;
    padding-left: 7px;
}

.shop-listing-revamp .cart-pinCode-Msg--error {
    color: red;
    display: block !important;
}
.shop-listing-revamp .cart-pinCode-Msg--success {
     color: green;
    display: block !important;
}
.shop-listing-revamp .cart-pinCode-Msg {
     font-family: 'apFontLight';
     font-size: 12px;
     display: none;
     margin-top: 5px;
}

.shop-listing-revamp .cart-moq-Msg {
    font-size: 12px;
    margin-top: 5px;
}

.shop-listing-revamp .cart-pinCode-errorMsg.cart-pinCode-errorMsg--show {
    display: block;
}

.shop-listing-revamp .g-con-row {
    margin: 0;
    margin-bottom: 0;
}

.shop-listing-revamp .c-sort-list-revamp span {
    margin-top: 0;
}

.shop-listing-revamp.modal__variant-login {
    background: rgb(141 141 141 / 0.8);
    display: none;
}

.shop-listing-revamp.modal__variant-login .modal-body .textInputWrap label {
    top: 35px;
}
.shop-listing-revamp.modal__variant-login.modal.in .modal-body {
    padding-bottom: 40px !important
}
.shop-listing-revamp .cart-pinCode-wp {
   display: flex;
   align-items: center;
}

.shop-listing-revamp .cart-listing-pincodeLabel {
    padding: 0;
    font-size: 14px;
    font-family: apFontLight;
    text-transform: uppercase;
}

.shop-listing-revamp .cart-pinCode-wp .pincode-area {
    padding: 10px 20px;
    box-shadow: 0px 2px 5px 0px lightgrey;
}

.shop-listing-revamp .cart-listing-pincode {
    font-size: 16px;
    font-family: apFontSemiBold;
}

.shop-listing-revamp .pincode-btn {
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin-left: 10px;
    border-bottom: 2px solid #8838ff;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: apFontSemiBold;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.shop-listing-revamp .bottom-border {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 70px;
}

.shop-listing-img-swap {
    margin-top: 70px;
}

.shop-listing-img-swap--left {
    display: flex;
    flex-direction: row;
}

.shop-listing-img-swap--right {
    display: flex;
    flex-direction: row-reverse;
}

.shop-listing-img-swap--imageWp {
    width: 60%;
}

.shop-listing-img-swap--image {
    width: 100%;
    height: 100%;
}

.shop-listing-img-swap--textWp {
    width: 40%;
    padding: 56px 80px;
    background-color: rgb(248,248,248);
}

.shop-listing-img-swap--textWp p {
    font-family: apFontMedium;
    line-height: 24px;
    letter-spacing: 1px;
    font-size: 13px;
    text-transform: uppercase;
}

.shop-listing-img-swap--textWp h2 {
    font-family: apFontMedium;
}

.c-three-column-box .cat-list ul li a {
    position: relative;
}

.c-three-column-box .cat-list .left-top-box {
    left: 0;
}

.shop-listing-img-swap--link {
    border-bottom: 3px solid #8838ff;
    color: black;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: apFontMedium;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 22px;
    cursor: pointer;
}

.shop-listing-revamp .shop-listing-result-area{
    flex: 0 0 75%;
}

.shop-listing-revamp .shop-listing-result-area.filter-hidden {
    flex: auto;
    padding-left: 0;
}

.shop-listing-revamp .shop-listing-filter-area {
    flex: 0 0 25%;
    margin-top: 60px;
}

.shop-listing-revamp .arrow-down {
    transform: rotate(45deg);
    display: inline-block;
    padding: 2.3px;
    border: 2px solid;
    border-left: none;
    border-top: none;
}

.shop-listing-revamp .custom-row {
    display: flex;
}

.shop-listing-revamp .c-sticky-filter-mob-box {
    position: relative !important;
}

.shop-listing-revamp .for-mobile {
    display: none;
}

.shop-listing-revamp .for-desktop {
    display: inline;
}

@media screen and (max-width: 767px) and (min-width: 320px) {

    .shop-listing-revamp.g-con-row {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .shop-listing-revamp .for-mobile {
         display: inline-block;
    }

    .shop-listing-revamp .cart-pinCode-wp .pincode-area {
        width: 100%;
        box-shadow: 0px 0px 1px 1px #6d4c9a;
        padding: 9px 10px;
        display: flex;
        justify-content: space-between;
    }

    .shop-listing-revamp .cart-pinCode-wp {
        flex: 0 0 47%;
        margin-bottom: 10px;
    }

    .shop-listing-revamp .filter-hidden .cart-pinCode-wp {
        flex: auto;
    }

    .mobile-navigate-pin-wp .navigate-btn button small {
        display: inline-block;
    }

    .mobile-navigate-pin-wp .navigate-btn button {
        width: 100%;
        padding: 11px;
        border: none;
        background: transparent;
        box-shadow: 0px 0px 1px 1px #6d4c9a;
        display: flex;
        justify-content: space-between;
    }

    .mobile-navigate-pin-wp .navigate-btn {
        flex: 0 0 47%;
    }

    .mobile-navigate-pin-wp {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .shop-listing-revamp .sort-area {
        justify-content: space-between;
        align-items: center;
        box-shadow: 0px 0px 1px 1px #431a80;
        outline: none;
        width: 100%;
        padding: 8px 5px;
        margin-bottom: 20px;
    }
    .shop-listing-revamp .c-sort-list-revamp select{
        width: 75%;
    }
    .shop-listing-revamp .c-sort-list-revamp select,  .mobile-navigate-pin-wp .navigate-btn button, .shop-listing-revamp .cart-listing-pincode, .shop-listing-revamp .mobile-filter-wp button {
        font-size: 12px;
        font-family: apFontMedium;
        color: #6d4c9a;
        text-align: left;
    }

    .shop-listing-revamp .mobile-filter-wp button small {
        display: inline-block;
    }

    .shop-listing-revamp .mobile-filter-wp button {
        width: 100%;
        padding: 11px;
        outline: none;
        box-shadow: 0px 0px 1px 1px #6d4c9a;
        background: transparent;
        border: none;
        display: flex;
        justify-content: space-between;
    }

    .shop-listing-revamp .mobile-filter-wp {
        flex: 0 0 47%
    }

    .shop-listing-revamp .filter-hidden .mobile-filter-wp {
        display: none;
    }

    .shop-listing-revamp .sort-area-wp {
        flex: 0 0 100%;
    }
    .shop-listing-revamp .sort-area .for-desktop {
        display: block;
        font-size: 14px;
        padding-right: 4px;
        flex-basis: 30%;
    }
    .shop-listing-revamp .sort-area .for-desktop.sort-by-label {
        padding-left: 5px;
        font-family: 'apFontRegular';
        flex-basis: 75px;
    }
    .shop-listing-revamp .for-desktop {
        display: none;
    }

    .shop-listing-revamp .c-tabbing {
        display: block;
    }

    .shop-listing-revamp .c-sort-list-revamp {
        align-items: baseline;
        justify-content: space-between;
        margin-top: 10px;
    }

    .shop-listing-img-swap--link {
        margin-top: 15px;
        font-size: 12px;
    }

    .shop-listing-revamp .shop-listing-result-area{
        flex: 0 0 100%;
    }

    .shop-listing-revamp .shop-listing-filter-area {
        flex: 0 0 100%;
        margin-top: 0;
    }

    .shop-listing-revamp .custom-row {
        display: block;
    }

    .shop-listing-img-swap--imageWp {
        width: 100%;
    }

    .shop-listing-img-swap--textWp {
        width: 100%;
        padding: 20px 30px;
    }

    .shop-listing-img-swap--left, .shop-listing-img-swap--right {
        display: block;
    }

    .shop-listing-img-swap--textWp p {
        font-family: apFontMedium;
        line-height: 24px;
        letter-spacing: 0.92px;
        font-size: 12px;
    }

    .shop-listing-img-swap--textWp h2 {
        line-height: 22px;
    }

    .shop-listing-revamp .bottom-border {
        padding-bottom: 40px;
    }

    .shop-listing-img-swap {
        margin-top: 40px;
    }

    .shop-listing-revamp .c-three-column-box .cat-list ul li:nth-child(2n) .revamp-favouriteIcon {
        right: 10px;
    }

    .shop-listing-revamp .c-three-column-box .cat-list ul li {
        width: 47%;
        flex: 0 0 47%;
        padding-right: 0;
        padding-left: 0;
    }

    .shop-listing-revamp .c-three-column-box .cat-list ul li:nth-child(2n) {
        padding-left: 0;
        padding-left: 0 !important;
    }
    .shop-listing-revamp .c-three-column-box .cat-list ul li:nth-child(2n+1) {
        padding-right: 0 !important;
        padding-left: 0;
    }

    .shop-listing-revamp .c-three-column-box ul {
        display: flex;
        justify-content: space-around;
    }


    .shop-listing-revamp .listing-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
    }

    .shop-listing-revamp .custom-row {
        display: block;
        margin-left: 0;
    }

    .shop-listing-revamp .left-top-box{
        width: 100px;
        padding: 5px 5px;
    }
}

.shop-listing-revamp-not-found.show {
    display: block !important;
}
.shop-listing-revamp-not-found {
    text-align: center;
    margin-top: 0;
    margin-bottom: 55px;
    width: 600px;
    margin: auto;
    display: none;
}

.shop-listing-revamp-not-found .shop-listing-revamp-not-found--heading {
    margin: auto;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    font-family: apFontBold;
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

.shop-listing-revamp-not-found .shop-listing-revamp-not-found--wp {
    box-shadow: 0 2px 8px -2px rgba(34,34,34,.38);
    border-radius: 2px;
    padding: 50px;
}

@media screen and (max-width: 1000px) and (min-width: 320px) {
    .shop-listing-revamp-not-found {
        width: 100%;
    }
    .shop-listing-revamp .global-button-white {
        padding: 12px 0 !important;
        width: 100%;
    }
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  display: inline-block;
}

.saving-progress-status {
    display: inline-block !important;
}


.saving-progress-status-buy-now {
  display: inline-block !important;
}
.shop-mini-cart-revamp .input-group {
    margin-top: 15px;
}

.shop-mini-cart-revamp .cart-quantity {
    text-align: center;
    height: 25px;
    border-right: none;
    border-left: none;
    font-size: 14px;
    font-family: apFontMedium;
    background-color: transparent;
}

.shop-mini-cart-revamp .quantity-left-minus span {
    margin-top: -2px;
}

.shop-mini-cart-revamp .btn-number:focus {
    border: 1px solid #431a80 !important;
}

.show-cart-items .cart-items-wrapper .item-lists li .spriteIcon-Aprevamp {
    width: 18px;
    cursor: pointer;
}

.shop-mini-cart-revamp .mini-cart-shade {
    position: absolute;
    display: none;

}

.shop-mini-cart-revamp .mini-cart-shade--textArea *{
    color: white;
    font-size: 20px
}

.shop-mini-cart-revamp .mini-cart-shade--show {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999 !important;
}

.shop-mini-cart-revamp .total-checkout-wrap span {
    font-family: apFontBold;
}

.shop-mini-cart-revamp .rupee-amount-wp .item-price {
    line-height: 1 !important;
}

/* .shop-mini-cart-revamp.cart-items-wrapper .item-lists li .spriteIcon-Aprevamp {
    width: 18px !important;check in UAT
} */

.shop-mini-cart-revamp .rupee-amount-wp {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    margin-left: 20px;
}

.shop-mini-cart-revamp .btn-number {
    height: 25px;
    padding: 0 10px;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    border-radius: 0;
    box-shadow: none;
    outline: none
}
.shop-mini-cart-revamp .mini-cart-wp {
    height: 100%;
}
.show-cart-items .cart-items-wrapper .item-lists .product-description {
    width: 220px;
}
.show-cart-items .cart-items-wrapper .item-lists .description-text {
    width: 80%;
    margin-right: 10px;
}
.show-cart-items .cart-items-wrapper .item-lists .inr-rupee {
    margin-left: 20px;
}

@media screen and (max-width: 991px) and (min-width: 320px) {
    .show-cart-items .cart-items-wrapper.shop-mini-cart-revamp {
        height: calc(100vh - 78px);
        padding-bottom: 40px;
    }
    .shop-mini-cart-revamp .mini-cart-wp {
           position: relative;
           height: 100%;
    }
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp{
    margin-top:10px;
    position: relative;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp .qty-label{
    display: block;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp .qty-value{
    width: 90%;
    padding-left: 6px;
    padding-top: 5px;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp .qty-arrow{
    transform: rotate(90deg) scale(1,1.3);
    -webkit-transform: rotate(90deg) scale(1,1.3);
    -o-transform: rotate(90deg) scale(1,1.3);
    -ms-transform: rotate(90deg) scale(1,1.3);
    -moz-transform: rotate(90deg) scale(1,1.3);
    height: 14px;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp .qty-value,.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp .qty-arrow{
    cursor: pointer;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp ul.dropdown-item-list{
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 55px;
    overflow: auto;
    box-shadow: 0 0 4px 1px #dfdfdf;
    -webkit-box-shadow: 0 0 4px 1px #dfdfdf;
    -ms-box-shadow: 0 0 4px 1px #dfdfdf;
    -moz-box-shadow: 0 0 4px 1px #dfdfdf;
    -o-box-shadow: 0 0 4px 1px #dfdfdf;
}
.show-cart-items .cart-items-wrapper .item-lists .current-qty-wp ul.dropdown-item-list li{
    text-align: center;
    padding: 5px 0;
}
.show-cart-items .mini-cart-wp .cart-item-number.input-qty{
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    width:80%;
}
.shop-revamp-image-carousel {
  /* width:50%; */
  position: relative;
}

.shop-revamp-image-carousel .shop-revamp-outOfStock {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  background-color: #8838ff;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  font-family: "Open Sans Semibold";
  font-size: 14px;
  text-align: center;
}
.shop-product-carousel-wp {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.shop-revamp-image-carousel .image-carousel-item .image-carousel-img {
  max-width: 673px;
  /* max-height: 560px; */ /*once check in UAT then remove */
  max-height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1366px) and (min-height: 650px) and (max-height: 800px) {
  .shop-revamp-image-carousel .image-carousel-item .image-carousel-img {
    max-width: 470px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .shop-revamp-image-carousel .image-carousel-nav {
    width: 85%;
  }
  .shop-revamp-image-carousel .image-carousel-nav .slick-list.draggable {
    padding: 0 20px !important;
  }
  .shop-revamp-image-carousel .image-carousel .slick-list.draggable {
    margin-left: 30px;
  }
  .shop-revamp-image-carousel .shop-revamp-outOfStock {
    left: 30px;
  }
}
@media (min-width: 1367px) and (max-width: 1500px) {
  .shop-details-common-wp .listing-wrapper {
    padding-left: 20px;
  }
  .shop-revamp-image-carousel .image-carousel-item .image-carousel-img {
    max-width: 540px;
  }

  .shop-revamp-image-carousel .image-carousel-nav {
    width: 90%;
  }
  .shop-revamp-image-carousel .image-carousel-nav .slick-list.draggable {
    padding: 0 30px !important;
  }
  .shop-revamp-image-carousel .image-carousel .slick-list.draggable {
    margin-left: 40px;
  }
  .shop-revamp-image-carousel .shop-revamp-outOfStock {
    left: 40px;
  }
}

.image-carousel-nav .slick-track {
  transform: translate(0, 0) !important;
}

.shop-revamp-image-carousel .image-carousel-img-nav {
  max-width: 100px;
  max-height: 100px;
  margin: 0 15px;
}

.shop-revamp-image-carousel img {
  width: 100%;
  height: auto;
}

.shop-revamp-image-carousel .image-carousel {
  height: auto;
}
.shop-revamp-image-carousel .image-carousel-nav .slick-track {
  display: flex;
  justify-content: center;
}
.shop-revamp-image-carousel .image-carousel-nav-item {
  width: auto !important;
}

.shop-revamp-image-carousel .image-carousel-nav {
  padding: 25px 0 0;
}
.shop-revamp-image-carousel .image-carousel-nav .image-carousel-nav-item img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.shop-revamp-image-carousel
  .image-carousel-nav-item.slick-slide.slick-current.slick-center
  .image-carousel-img-nav {
  border: 1px solid #512b8b;
  border-radius: 100%;
  padding: 3px;
}
@media all and (max-width: 991px) {
  .shop-revamp-image-carousel {
    width: 100%;
    margin-bottom: 25px;
  }
  .shop-revamp-image-carousel .image-carousel-nav {
    display: none;
  }
  .shop-revamp-image-carousel .slick-dots {
    bottom: 25px;
    display: block !important;
  }
  .shop-revamp-image-carousel .slick-dots li button:before {
    width: 12px !important;
    height: 12px !important;
    margin: 0 7px;
    background: #fff;
    opacity: 1;
    border: 1px solid rgba(42, 42, 42, 0.38);
  }
  .shop-revamp-image-carousel .slick-dots li {
    width: auto !important;
    height: 20px !important;
  }
  .shop-revamp-image-carousel .slick-dots li.slick-active button:before {
    width: 26px !important;
    margin: 0;
  }
}

@media only screen and (min-width: 766px) and (max-width: 1024px) {
    .ap-shop-revamp-product-details.mobile-left-right-space, .ap-shop-revamp-product-details .mobile-left-right-space {
        padding-left: 0;
    }
    .shop-details-common-wp .listing-wrapper {
        padding-left: 20px !important;
    }
}
.shop-details-common-wp .c-product-specs .product-specs-box .form-box {
    margin-top: 19px;
}
.shop-details-common-wp .cart-buyNow-btn-wp {
    padding-right: 50px;
}
.shop-details-common-wp .listing-wrapper {
    padding-right: 44px;
    padding-left: 61px;
}
@media only screen and (min-width: 1280px) and (max-width: 1366px) and (min-height: 650px) and (max-height: 800px) {
    .shop-details-common-wp .listing-wrapper {
        padding-left: 20px;
    }
  }

.ap-shop-revamp-product-details .c-offers-box .amount-box .cl_discount_price {
    font-family: apFontBold !important;
    font-size: 15px !important;
    margin-left:3px;
    margin-right: 10px;
}
.ap-shop-revamp-product-details .c-offers-box .amount-box {
    margin: 0;
}

.ap-shop-revamp-product-details .c-offers-box .amount-box .cl_actual_price {
    font-family: apFontLight !important;
    margin-right: 10px;
    font-size: 15px !important;
}
.ap-shop-revamp-product-details .c-offers-box .amount-box .detailpage-separator{
    margin-top: -3px;
}
@media screen and (max-width: 991px) and (min-width: 320px) {
    .ap-shop-revamp-product-details .c-offers-box .amount-box .detailpage-separator{
        margin-top: 12px;
    }
}

.ap-shop-revamp-product-details .c-offers-box .amount-box .green-text {
    font-family: apFontMedium !important;
}

.ap-shop-revamp-product-details .inclusive-desc {
    font-size: 13px;
    letter-spacing: 0;
    font-family: apFontLight;
    margin-left: 5px;
}

.ap-shop-revamp-product-details .review-section {
    font-size: 14px;
    font-family: apFontMedium;
    letter-spacing: 1.08px;
    display: flex;
    align-item: center;
    margin-bottom: 21px;
}

.ap-shop-revamp-product-details .review-section .review-start {
    margin-right: 10px;
    color: #f5a623;
}

.ap-shop-revamp-product-details .review-section .avg-review-point {
    margin-right: 18px;
    font-family: 'apFontRegular';
}

.ap-shop-revamp-product-details .review-section .total-review {
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid;
    cursor: pointer;
    font-family: 'apFontRegular';
    color:#222;
}

/* .ap-shop-revamp-product-details .product-description {
    margin-bottom: 32px; 
}

.ap-shop-revamp-product-details .product-description .load-more {
    cursor: pointer;
}

.ap-shop-revamp-product-details .product-description p {
    display: inline;
} */
.ap-shop-revamp-product-details .moreInfo-Wrap{
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.ap-shop-revamp-product-details .moreInfo-Wrap p{
    margin-bottom: 0;
    padding: 0;
    flex-basis: 95%;
    font-size: 14px;
}
.ap-shop-revamp-product-details .moreInfo-Wrap button{
    background: 0;
    border: 0;
    padding: 0;
    font-size: 14px;
    font-family: apFontMedium;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: underline;
}

.ap-shop-revamp-product-details .form-box .pincode {
    padding-bottom: 2px !important;
}

.ap-shop-revamp-product-details .form-box .pincode:focus+label {
    top: -10px !important;
}

.ap-shop-revamp-product-details input:not(:placeholder-shown)+.label-text {
  top: -10px !important;
}

.ap-shop-revamp-product-details .form-box .google-map-icon {
    top: 7px !important;
    z-index: 999;
}

.ap-shop-revamp-product-details .form-box .label-text {
    position: absolute;
    top: 9px;
    left: 0;
    font-family: apFontLight !important;
    transition: all .15s ease-in-out;
}

.ap-shop-revamp-product-details .img-desc-qty-wp {
    display: flex;
    align-items: flex-start;
    margin-bottom: 37px;
    margin-top: 42px;
    justify-content: flex-start;
}

.ap-shop-revamp-product-details .current-img-icon {
    margin-right: 30px;
}

.ap-shop-revamp-product-details .prodInfo {
    margin-right: 23px;
    max-width: 178px;
}

.ap-shop-revamp-product-details .input-qty label {
    cursor: pointer;
    background-color: white;
    z-index: 999;
    max-height: 189px;
    /* overflow-y: scroll; */
}

.ap-shop-revamp-product-details .input-qty {
    min-width: 116px;
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid lightgrey !important;
}

.ap-shop-revamp-product-details .dropdown-item-list {
    max-height: 189px;
    overflow-y: scroll;
}

.ap-shop-revamp-product-details .input-qty, .ap-shop-revamp-product-details .dropdown-item-list {
    border: 1px solid lightgrey;
    border-top: none;
    cursor: pointer;
}

.ap-shop-revamp-product-details .dropdown-item-list .item:hover {
    background-color: #f8f8f8;
}

.ap-shop-revamp-product-details .dropdown-item-list .item {
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
    font-family: apFontMedium;
    font-size: 14px;
}

.ap-shop-revamp-product-details .qty-label {
    margin-right: 20px;
    font-size: 14px;
    font-family: apFontLight;
}

.ap-shop-revamp-product-details .qty-value {
    font-family: apFontMedium;
    font-size: 14px;
}

.ap-shop-revamp-product-details .qty-arrow {
    margin-left: 30px;
    border: 1px solid;
    padding: 4px;
    transform: rotate(45deg);
    border-left: none;
    border-top: none;
    margin-top: -5px;
}

.ap-shop-revamp-product-details .dropdown-item-list {
    position: absolute;
    width: 145px;
    background-color: white;
    z-index: 999;
    display: none;
}

.ap-shop-revamp-product-details .c-product-specs .product-specs-box .form-box {
    margin-top: 19px;
}

.ap-shop-revamp-product-details .rotating {
    display: none;
}
.ap-shop-revamp-product-details .rotating.show {
    display: inline-block;
}

.ap-shop-revamp-product-details .checkout-cart {
    cursor: pointer !important;
}
.ap-shop-revamp-product-details .checkout-cart-msg {
    font-size:12px;
    font-family: apFontLight;
    color: green;
    display: flex;
    padding-right: 50px;
    margin-right: 10px;
}
.ap-shop-revamp-product-details .checkout-cart-msg.error {
    color: red !important;
}
.ap-shop-revamp-product-details .pincode {
    z-index: 99;
}

@media screen and (max-width: 1000px) and (min-width: 320px) {
    .ap-shop-revamp-product-details .inclusive-desc {
        margin-right: 5px;
    }
    .ap-shop-revamp-product-details .c-offers-box .amount-box .cl_discount_price{
        margin-left:6px;
    }
    .shop-details-common-wp .cart-buyNow-btn-wp {
        padding-right: 0;
    }

    .shop-details-common-wp .listing-wrapper {
         padding-right: 0;
        padding-left: 0;
    }

    .ap-shop-revamp-product-details .prodInfo {
        max-width: 100%;
    }

    .ap-shop-revamp-product-details .img-desc-qty-wp {
        /* display: flex;	    
        align-items: flex-start;  
        margin-bottom: 37px;
        margin-top: 42px;	     */
        /* justify-content: flex-start; */
        justify-content: space-between;
    }

    .ap-shop-revamp-product-details.c-product-specs .cart-buyNow-btn-wp {
        display: flex;
        justify-content: space-between;
    }

    .ap-shop-revamp-product-details.c-product-specs .cart-buyNow-btn-wp .global-button {
        margin-left: 0 !important;
    }

    .ap-shop-revamp-product-details .c-product-specs .section-header {
        font-size: 22px;
        font-family: 'apFontBold';
        line-height: 28px;
    }
}


.mobile-left-right-space .section-header{
    width:70%;
    display:inline-block;
}

.ap-title-share-item-wp {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.ap-title-share-item-wp .shareComponent {
    width: 33%!important;
    padding-left: 50px;
    position: relative;
    float: none!important;
    position: absolute;
    vertical-align: -17px;
    right: 0;
    top: 0;
}
.ap-title-share-item-wp .shareComponent .spriteIcon-Aprevamp {
    box-shadow: 0 0 10px 2px #f2f2f2;
    border-radius: 50%;
    margin: 0 5px;
}
.shareComponent .shareTollIcon {
    box-shadow: 0 0 15px 3px #f8f8f8;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    background-image: url('clientlib-site-revamp/images/Icons-Sprite.webp');
    display: inline-block;
    background-repeat: no-repeat;
}
.revamp-favouriteIcon{
    background-position: -660px -233px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.sharepdpIcon{
    background-position: -1075px -235px;
    width: 40px;
    height: 40px;
}
.shareComponent .sharepdpIcon.shareSelected+.shareWithWrap{
    display: block;
    left: 6px;
    top: 45px;
    z-index: 1038;
}
.shareWithWrap {
    position: absolute;
    display: none;
    width: 130px;
    left: 50px;
    top: 30px;
    text-align: left;
    background-color: #f8f8f8;
    padding: 12px 20px 0;
    box-shadow: 0 4px 11px 1px #d8d8d8;
    -o-box-shadow: 0 4px 11px 1px #d8d8d8;
    -ms-box-shadow: 0 4px 11px 1px #d8d8d8;
    -moz-box-shadow: 0 4px 11px 1px #d8d8d8;
    -webkit-box-shadow: 0 4px 11px 1px #d8d8d8;
}
.shareWithWrap li {
    padding: 0 0 12px 12px;
    margin-bottom: 4px;
    list-style: none;
}
.shareWithWrap li a {
    margin: 0 10px;
    background: 0;
    box-shadow: 0 0 15px 3px #f8f8f8;
    border-radius: 50%;
    color: #000;
    font-size: 12px;
    font-family: apFontLight;
    text-transform: capitalize;
    position: relative;
    text-decoration: none;
}
.shareWithWrap li a::before{
    background-image: url('clientlib-site-revamp/images/Icons-Sprite.webp');
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    left: -36px;
    top: -6px;
}
@media screen and (max-width: 600px) and (min-width: 320px) {
    .ap-title-share-item-wp .shareComponent {
        top: -15px !important;
        height: 106px;
        /* justify-content: space-between; */
        display: block;
        flex-direction: column;
        padding-left: 0 !important;
        right: -15px !important;
    }
    .shareComponent .sharepdpIcon.shareSelected+.shareWithWrap{
        left: -27px ;
    }
}
.facebookIco::before{background-position: -1140px -488px;}
.prIco::before{background-position: -1248px -488px;}
.twitterIco::before{background-position: -1212px -488px;}
.mailIco::before{background-position: -1285px -488px;}
.wpIco::before{background-position: -1176px -488px;} 
.twitterIcon-revised::before{background-position: -1212px -488px;}
.facebookIco-revised::before{background-position: -1140px -488px;}
@media (min-width:992px){
    .shop-details-common-wp .shop-mrp,
    .shop-details-common-wp .c-offers-box .amount-box .amt-line.cl_actual_price,
    .shop-details-common-wp .c-offers-box .amount-box .amt.l_discount_price,
    .ap-shop-revamp-product-details .c-offers-box .amount-box .cl_actual_price,
    .ap-shop-revamp-product-details .c-offers-box .amount-box .cl_discount_price {
        font-size: 22px !important;
    }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
   
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('clientlib-site-revised/css/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('clientlib-site-revised/fonts/slick.eot');
    src: url('clientlib-site-revised/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-site-revised/fonts/slick.woff') format('woff'), url('clientlib-site-revised/fonts/slick.ttf') format('truetype'), url('clientlib-site-revised/fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: '';
    content: none
}

q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*:focus {
    outline: none
}

.wrapper {
    width: 100%;
    float: left;
    position: relative
}

.g-left {
    float: left
}

.g-right {
    float: right
}

.g-row-m {
    margin-top: 40px;
    margin-bottom: 40px
}

.g-con-row {
    margin: 40px 0
}

@media only screen and (max-width: 767px) {
    .g-con-row {
        margin: 30px 0
    }
}

@media only screen and (max-width: 440px) {
    .g-con-row {
        margin: 15px 0
    }
}

.g-margin-bottom {
    margin-bottom: 40px
}

.g-close-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

body {
    font-family: "Open Sans";
    padding-top: 120px !important
}

@media only screen and (max-width: 440px) {
    body {
        padding-top: 65px !important
    }
}

.bodycampaign {
    padding-top: 0px !important
}

.regular-banner img {
    width: 100%
}

.width-100 {
    width: 100%
}

#nav-icon4 {
    width: 25px;
    height: 25px;
    margin-right: 30px;
    position: relative;
    float: left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    margin-top: 26px;
    display: none
}

@media only screen and (max-width: 880px) {
    #nav-icon4 {
        display: block
    }
}

@media only screen and (max-width: 440px) {
    #nav-icon4 {
        margin-right: 10px;
        margin-top: 12px
    }
}

#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #7350ac;
    opacity: 1;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(2) {
    top: 7px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4 span:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px
}

.h1 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 40px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h1 {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h1 {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h1 {
        font-size: 22px;
        padding-left: 25px
    }
}

.h2,
.contractorlocator h2,
.howWorksPLP h2,
h2.custom-getInspiredPLP {
    font-family: "Abhaya Libre SemiBold";
    font-size: 36px;
    color: #444;
    margin: 0px;
    padding: 0px
}

.h2 .rose,
.contractorlocator h2 .rose,
.howWorksPLP h2 .rose,
h2.custom-getInspiredPLP .rose {
    color: #ff6b6b
}

@media only screen and (max-width: 1600px) {
    .h2,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        font-size: 32px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 1366px) {
    .h2,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 767px) {
    .h2,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        font-size: 28px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 440px) {
    .h2,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        font-size: 21px;
        padding-left: 25px
    }
}

.section-header,
.storelocator .h2,
.storelocator .contractorlocator h2,
.contractorlocator .storelocator h2,
.storelocator .howWorksPLP h2,
.howWorksPLP .storelocator h2,
.storelocator h2.custom-getInspiredPLP,
.contractorlocator h2,
.howWorksPLP h2,
h2.custom-getInspiredPLP {
    position: relative;
    margin-bottom: 40px
}

@media only screen and (max-width: 440px) {
    .section-header,
    .storelocator .h2,
    .storelocator .contractorlocator h2,
    .contractorlocator .storelocator h2,
    .storelocator .howWorksPLP h2,
    .howWorksPLP .storelocator h2,
    .storelocator h2.custom-getInspiredPLP,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        margin-bottom: 20px
    }
}

.section-header:before,
.storelocator .h2:before,
.storelocator .contractorlocator h2:before,
.contractorlocator .storelocator h2:before,
.storelocator .howWorksPLP h2:before,
.howWorksPLP .storelocator h2:before,
.storelocator h2.custom-getInspiredPLP:before,
.contractorlocator h2:before,
.howWorksPLP h2:before,
h2.custom-getInspiredPLP:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #ff6b6b;
    left: -65px;
    top: 50%;
    translate: transformY(-50%)
}

@media only screen and (max-width: 991px) {
    .section-header:before,
    .storelocator .h2:before,
    .storelocator .contractorlocator h2:before,
    .contractorlocator .storelocator h2:before,
    .storelocator .howWorksPLP h2:before,
    .howWorksPLP .storelocator h2:before,
    .storelocator h2.custom-getInspiredPLP:before,
    .contractorlocator h2:before,
    .howWorksPLP h2:before,
    h2.custom-getInspiredPLP:before {
        left: -25px
    }
}

@media only screen and (max-width: 767px) {
    .section-header:before,
    .storelocator .h2:before,
    .storelocator .contractorlocator h2:before,
    .contractorlocator .storelocator h2:before,
    .storelocator .howWorksPLP h2:before,
    .howWorksPLP .storelocator h2:before,
    .storelocator h2.custom-getInspiredPLP:before,
    .contractorlocator h2:before,
    .howWorksPLP h2:before,
    h2.custom-getInspiredPLP:before {
        left: -15px
    }
}

@media only screen and (max-width: 568px) {
    .section-header:before,
    .storelocator .h2:before,
    .storelocator .contractorlocator h2:before,
    .contractorlocator .storelocator h2:before,
    .storelocator .howWorksPLP h2:before,
    .howWorksPLP .storelocator h2:before,
    .storelocator h2.custom-getInspiredPLP:before,
    .contractorlocator h2:before,
    .howWorksPLP h2:before,
    h2.custom-getInspiredPLP:before {
        width: 30px
    }
}

.section-header:after,
.storelocator .h2:after,
.storelocator .contractorlocator h2:after,
.contractorlocator .storelocator h2:after,
.storelocator .howWorksPLP h2:after,
.howWorksPLP .storelocator h2:after,
.storelocator h2.custom-getInspiredPLP:after,
.contractorlocator h2:after,
.howWorksPLP h2:after,
h2.custom-getInspiredPLP:after {
    display: none
}

.h3,
.typography h3 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 30px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h3,
    .typography h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 440px) {
    .h3,
    .typography h3 {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.h4,
.typography h4,
.pbc_leads_form h3,
.cmmnt-lisitng h3 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h4,
    .typography h4,
    .pbc_leads_form h3,
    .cmmnt-lisitng h3 {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .h4,
    .typography h4,
    .pbc_leads_form h3,
    .cmmnt-lisitng h3 {
        font-size: 18px
    }
}

.h5,
.typography h5,
.hiw-slider .spbox .quotebox .h5,
.whyUsPLP .columnWrapPLP .contentWrap h2,
.offeringPLP .overlapContent .innerContent h2 {
    font-family: "Open Sans Semibold";
    font-size: 22px;
    color: #444;
    margin: 0px
}

@media only screen and (max-width: 1600px) {
    .h5,
    .typography h5,
    .hiw-slider .spbox .quotebox .h5,
    .whyUsPLP .columnWrapPLP .contentWrap h2,
    .offeringPLP .overlapContent .innerContent h2 {
        font-size: 18px
    }
}

@media only screen and (max-width: 440px) {
    .h5,
    .typography h5,
    .hiw-slider .spbox .quotebox .h5,
    .whyUsPLP .columnWrapPLP .contentWrap h2,
    .offeringPLP .overlapContent .innerContent h2 {
        font-size: 16px
    }
}

.h6,
.typography h6,
.homepage-products-section-content .global-para {
    font-family: "Open Sans";
    font-size: 18px;
    color: #444;
    font-weight: 400;
    margin: 0px
}

.p,
.typography p,
.whyUsPLP .columnWrapPLP .contentWrap p,
.offeringPLP .colWrapPLP:hover .overlapContent p {
    font-family: "Open Sans";
    font-size: 14px;
    color: #444;
    font-weight: 400;
    line-height: 24px
}

@media only screen and (max-width: 1600px) {
    .p,
    .typography p,
    .whyUsPLP .columnWrapPLP .contentWrap p,
    .offeringPLP .colWrapPLP:hover .overlapContent p {
        font-size: 14px
    }
}

@media only screen and (max-width: 440px) {
    .p,
    .typography p,
    .whyUsPLP .columnWrapPLP .contentWrap p,
    .offeringPLP .colWrapPLP:hover .overlapContent p {
        font-size: 14px;
        line-height: 21px
    }
}

.link-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #7350ac
}

@media only screen and (max-width: 767px) {
    .link-text {
        font-size: 14px
    }
}

.copy-text {
    font-family: "Open Sans Semibold";
    font-size: 16px;
    color: #444
}

@media only screen and (max-width: 767px) {
    .copy-text {
        font-size: 14px
    }
}

.animate-1,
.global-button,
.bookAppointmentPLP .btn-style3,
.global-button-white,
.form-box .focusLine {
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out
}

.animate-2,
.v-header .navigation,
.v-header .navigation>ul>li>a:after,
.v-header .mega-menu,
.v-header .search,
.v-header .cart-panel,
.v-header .login,
.v-header .nav-bg,
.c-tile .products-list ul li .product-small-box div .c-overlaycontent,
.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent,
.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent,
.consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.animate-3,
.v-header,
.gray-strip,
.c-light,
.c-light .lightbox-target img,
.c-light .lightbox-target .text-box,
.c-light .lightbox-target-img img,
.c-light .lightbox-target-img .text-box,
.c-light .lightbox-close,
.hiw-slider .slick-dots li button,
.hiw-slider .slick-dots li button:after,
.c-book-an-appointment .globalformbox ul li .focusLine,
.c-jump-links,
.c-login,
.stickyFilter {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.rupee-symbol {
    font-family: 'rupee_foradian1-webfont'
}

.g-left-dropdown {
    display: none
}

.typography h3 {
    margin: 0px
}

.typography h4 {
    margin: 0px
}

.typography h5 {
    margin: 0px
}

.typography h6 {
    margin: 0px
}

.typography ul {
    margin: 0;
    padding: 0
}

.typography ul li {
    list-style: none !important;
    font-size: 14px;
    font-family: "Open Sans";
    color: copy-text;
    position: relative;
    display: list-item;
    margin: 10px 0 10px 25px !important;
    line-height: 24px !important;
    padding: 0;
    background: none
}

.typography ul li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #7350ac;
    left: -19px;
    top: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px
}

.typography.no-bullets ul li {
    margin: 20px 0 20px 0 !important
}

.typography.no-bullets ul li:before {
    content: none
}

.section {
    clear: both
}

.global-button,
.bookAppointmentPLP .btn-style3 {
    background-color: #7350ac !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #fff !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button:hover,
.bookAppointmentPLP .btn-style3:hover {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button:focus,
.bookAppointmentPLP .btn-style3:focus {
    background-color: #fff !important;
    color: #7350ac !important
}

.global-button-white {
    background-color: #fff !important;
    min-width: 140px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: solid 1px #7350ac !important;
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    display: inline-block;
    text-align: center !important;
    color: #7350ac !important;
    outline: 0px !important;
    margin: 10px 0 !important;
    cursor: pointer
}

.global-button-white:hover {
    background-color: #7350ac !important;
    color: #fff !important
}

.global-button-white:focus {
    background-color: #7350ac !important;
    color: #fff !important
}

.form-box .error:last-child {
    color: #d6330d;
    font-size: 11px;
    position: absolute;
    bottom: -12px;
    left: 0px
}

.form-box input[type="text"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="text"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box input[type="password"] {
    padding: 10px 0;
    border: none;
    outline: 0px;
    width: 100%;
    border-bottom: 1px solid #838383;
    background: transparent;
    position: relative
}

.form-box input[type="password"]:focus+.focusLine {
    width: 100%;
    z-index: 555
}

.form-box select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #fff url("clientlib-site-revised/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    font-family: "Open Sans";
    font-size: 14px;
    color: #444
}

.form-box select:option {
    padding: 5px
}

.form-box .focusLine {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #7350ac;
    z-index: 5
}

.form-box .radiobtn {
    display: inline-block
}

.form-box .radiobtn label {
    position: relative
}

.form-box .radiobtn label p {
    position: relative;
    left: -30%;
    bottom: -30px;
    margin: 0px auto
}

.form-box .radiobtn label:before {
    content: "";
    background-color: #fff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: -1;
    border-radius: 10px;
    border: solid 1px #7350ac
}

.form-box .radiobtn label input {
    visibility: hidden;
    position: absolute
}

.form-box .radiobtn label input:checked+label:before {
    background-color: #7350ac;
    border-radius: 10px;
    border: solid 1px #fff
}

.form-box .checkbox {
    position: relative;
    margin-left: 30px
}

.form-box .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-box .checkbox .form-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid 1px #444
}

.form-box .checkbox .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.form-box .checkbox input:checked ~ .form-indicator {
    background-color: #fff;
    border: solid 1px #d6330d
}

.form-box .checkbox input:checked ~ .form-indicator:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid 1px #444;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.form-box label {
    font-family: "Open Sans";
    font-size: 14px
}

select option {
    background-color: #fff;
    border: solid 1px #838383;
    padding: 5px
}

.sprite-box a {
    background: url(clientlib-site-revised/images/global-sprite.png);
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block
}

.sprite-box a.login {
    background-position: 2px 27px
}

.sprite-box a.cart {
    background-position: 49px 27px
}

.sprite-box a.search {
    background-position: 103px 27px
}

.sprite-box a.left-arrow {
    background-position: 155px 27px
}

.sprite-box a.right-arrow {
    background-position: 197px 27px
}

.sprite-box a.play {
    background-position: 242px 27px
}

.sprite-box a.close {
    background-position: 292px 27px
}

.sprite-box a.cross {
    background-position: 350px 27px
}

.sprite-box a.download {
    background-position: 403px 27px
}

.sprite-box a.edit {
    background-position: 460px 27px
}

.sprite-box a.delete {
    background-position: 515px 27px
}

.sprite-box a.print {
    background-position: 566px 27px
}

.sprite-box a.map {
    background-position: 615px 27px
}

.sprite-box a.like {
    background-position: 661px 27px
}

.sprite-box a.share {
    background-position: 719px 27px
}

.g-arrow-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100px;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 5px
}

@media only screen and (max-width: 1440px) {
    .g-arrow-container {
        left: auto;
        right: 20%
    }
}

@media only screen and (max-width: 767px) {
    .g-arrow-container {
        left: auto;
        right: 30px;
        transform: none
    }
}

.g-arrow-container .slick-arrow img {
    border: none
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden
    }
}

.v-header {
    box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 999;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #FFF
}

.v-header.up-header {
    top: -44px
}

.v-header .container {
    width: 80%
}

@media only screen and (max-width: 1350px) {
    .v-header .container {
        width: 100%
    }
}

.v-header .top-bar {
    background-color: #f2f1f1;
    font-family: "Open Sans";
    line-height: 40px
}

@media only screen and (max-width: 440px) {
    .v-header .top-bar {
        line-height: 25px
    }
}

.v-header .top-bar a {
    font-size: 14px;
    color: #444;
    margin-right: 30px
}

.v-header .top-bar .g-left>div {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 991px) {
    .v-header .top-bar .g-left .top-nav {
        display: none
    }
}

.v-header .top-bar .g-right>div {
    display: inline-block
}

.v-header .top-bar .g-right>div:first-child {
    margin-right: 30px
}

@media only screen and (max-width: 440px) {
    .v-header .top-bar .g-right>div:first-child {
        margin-right: 10px
    }
}

.v-header .top-bar .g-right>div.contact a {
    margin-right: 0px
}

.v-header .top-bar .g-right>div.contact a:before {
    content: url("clientlib-site-revised/images/call-icon.png");
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 2px
}

.v-header .top-bar .g-right>div.country {
    position: relative;
    cursor: pointer;
    padding-right: 20px
}

.v-header .top-bar .g-right>div.country>abbr {
    height: 15px;
    background: url(clientlib-site-revised/images/flag-sprite.png);
    width: 15px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    background-position: 0px 2px
}

@media only screen and (max-width: 440px) {
    .v-header .top-bar .g-right>div.country {
        padding: 3px 0;
        padding-right: 15px
    }
}

.v-header .top-bar .g-right>div.country:before {
    content: url("clientlib-site-revised/images/dropdownarrow.png");
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 991px) {
    .v-header .top-bar .g-right {
        width: 50%;
        text-align: right
    }
}

.v-header .top-bar .drop-list-flag {
    display: none;
    position: absolute;
    z-index: 10;
    left: -110px;
    top: 100%;
    background-color: #fff;
    width: 190px;
    border: solid 1px #f2f1f1;
    border-top: none;
    padding: 5px 10px
}

.v-header .top-bar .drop-list-flag.header-section {
    padding: 10px;
    display: none;
    text-align: left
}

.v-header .top-bar .drop-list-flag.header-section.open {
    display: block
}

.v-header .top-bar .drop-list-flag ul {
    margin: 0;
    padding: 0
}

.v-header .top-bar .drop-list-flag ul li {
    list-style: none;
    display: list-item;
    width: 100%;
    align-items: center;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    line-height: 25px
}

.v-header .top-bar .drop-list-flag ul li a {
    font-size: 12px !important;
    margin-right: 0px;
    display: block;
    width: 100%
}

.v-header .top-bar .drop-list-flag ul li a:hover {
    color: #000
}

.v-header .top-bar .drop-list-flag ul li a span {
    padding: 0 0 0 20px
}

.v-header .top-bar .drop-list-flag ul li a abbr {
    height: 15px;
    background: url(clientlib-site-revised/images/flag-sprite.png);
    width: 15px;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block
}

.v-header .top-bar .drop-list-flag ul li a.india abbr {
    background-position: 0px 4px
}

.v-header .top-bar .drop-list-flag ul li a.bangladesh abbr {
    background-position: 0px -11px
}

.v-header .top-bar .drop-list-flag ul li a.egypt abbr {
    background-position: 0px -27px
}

.v-header .top-bar .drop-list-flag ul li a.middle-east abbr {
    background-position: 0px -44px
}

.v-header .top-bar .drop-list-flag ul li a.singapore abbr {
    background-position: 0px -63px
}

.v-header .top-bar .drop-list-flag ul li a.fiji-island abbr {
    background-position: 0px -81px
}

.v-header .top-bar .drop-list-flag ul li a.nepal abbr {
    background-position: 0px -97px
}

.v-header .top-bar .drop-list-flag ul li a.lanka-ap abbr {
    background-position: 0px -114px
}

.v-header .top-bar .drop-list-flag ul li a.lanka-causeway abbr {
    background-position: 0px -130px
}

.v-header .top-bar .drop-list-flag ul li a.indonesia abbr {
    background-position: 0px -149px
}

.v-header .top-bar .drop-list-flag ul li a.ethiopia abbr {
    background-position: 0px -164px
}

.v-header .navigation-main {
    text-align: right;
    z-index: 1
}

.v-header .header-row {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 9;
    background: #FFF
}

.v-header .header-row>div {
    position: relative
}

.v-header .logo {
    padding: 20px 0px
}

@media only screen and (max-width: 1400px) {
    .v-header .logo {
        width: 200px
    }
    .v-header .logo img {
        width: 100%
    }
}

@media only screen and (max-width: 1050px) {
    .v-header .logo {
        width: 150px;
        padding: 25px 0px
    }
}

@media only screen and (max-width: 440px) {
    .v-header .logo {
        width: 120px;
        padding: 7px 0;
        margin-top: 3px
    }
}

.v-header .navigation {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-right: 50px
}

@media only screen and (max-width: 1919px) {
    .v-header .navigation {
        padding-right: 30px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation {
        width: 80%;
        padding-right: 0px;
        position: fixed;
        left: -110%;
        top: 122px;
        background-color: #FFF;
        padding: 0px 15px;
        margin: 0px;
        box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.2);
        height: 95vh;
        overflow-y: scroll;
        z-index: 1
    }
    .v-header .navigation.open {
        left: 0%
    }
}

@media only screen and (max-width: 440px) {
    .v-header .navigation {
        top: 71px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation>ul>li>a {
        font-size: 14px;
        padding: 10px 0;
        text-align: left
    }
}

.v-header .navigation>ul>li>a:after {
    content: "";
    height: 5px;
    background-color: #d6330d;
    width: 0%;
    bottom: 0px;
    left: 0px;
    position: absolute
}

.v-header .navigation>ul>li>a:hover {
    padding-bottom: 30px
}

.v-header .navigation>ul>li>a:hover:after {
    width: 0%
}

.v-header .navigation>ul>li.open>a:after {
    width: 0%
}

.v-header .navigation li {
    margin: 0px 30px;
    display: inline-block
}

.v-header .navigation li:hover .mega-menu,
.v-header .navigation li.open .mega-menu {
    max-height: 1500px;
    opacity: 1;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2)
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li:hover .mega-menu,
    .v-header .navigation li.open .mega-menu {
        display: block
    }
}

.v-header .navigation li .sign {
    position: absolute;
    right: 0px;
    top: 13px;
    width: 20px;
    height: 20px;
    z-index: 2;
    display: none
}

.v-header .navigation li .sign:before {
    content: "";
    width: 80%;
    height: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #7350ac;
    position: absolute;
    left: 50%
}

.v-header .navigation li .sign:after {
    content: "";
    width: 2px;
    height: 80%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    background-color: #7350ac
}

.v-header .navigation li .sign.open:after {
    display: block
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li .sign {
        display: block
    }
}

.v-header .navigation li.open .sign:after {
    display: block
}

.v-header .navigation li a {
    font-size: 18px;
    color: #444;
    line-height: 18px;
    font-family: "Open Sans Semibold";
    padding: 30px 0px;
    display: inline-block;
    position: relative
}

.v-header .navigation li a:hover {
    color: #7350ac
}

@media only screen and (max-width: 1400px) {
    .v-header .navigation li a {
        font-size: 16px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li a {
        padding: 15px 0px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li a {
        display: block
    }
}

.v-header .navigation li:last-child {
    margin-right: 0px
}

@media only screen and (max-width: 1919px) {
    .v-header .navigation li {
        margin: 0 15px;
        width: auto
    }
}

@media only screen and (max-width: 1050px) {
    .v-header .navigation li {
        margin: 0 15px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li {
        position: relative;
        display: block;
        width: 100%;
        border-bottom: 1px solid #CCC;
        padding: 0;
        margin: 0 0px
    }
    .v-header .navigation li:last-child {
        border-bottom: 0px
    }
}

.v-header .user-nav {
    display: inline-block;
    vertical-align: middle;
    padding-left: 50px;
    position: relative
}

@media only screen and (max-width: 1919px) {
    .v-header .user-nav {
        padding-left: 30px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .user-nav {
        padding-left: 0px
    }
}

.v-header .user-nav li {
    display: inline-block;
    margin-right: 50px;
    padding: 26px 0px;
    cursor: pointer
}

.v-header .user-nav li>abbr {
    width: 25px;
    height: 25px;
    background-image: url(clientlib-site-revised/images/user-nav.png);
    background-repeat: no-repeat;
    display: block
}

.v-header .user-nav li>abbr.login-sign {
    background-position: 0px -0px
}

.v-header .user-nav li>abbr.search-sign {
    background-position: 0px -50px
}

.v-header .user-nav li>abbr.cart-sign {
    background-position: 0px -100px
}

.v-header .user-nav li>abbr:hover.login-sign {
    background-position: 0px -25px
}

.v-header .user-nav li>abbr:hover.search-sign {
    background-position: 0px -75px
}

.v-header .user-nav li>abbr:hover.cart-sign {
    background-position: 0px -125px
}

.v-header .user-nav li:hover.login-sign {
    background-position: 0px -25px
}

.v-header .user-nav li:hover.search-sign {
    background-position: 0px -75px
}

.v-header .user-nav li:hover.cart-sign {
    background-position: 0px -100px
}

.v-header .user-nav li:last-child {
    margin-right: 0px;
    position: relative
}

@media only screen and (max-width: 1919px) {
    .v-header .user-nav li {
        margin-right: 35px
    }
}

@media only screen and (max-width: 1050px) {
    .v-header .user-nav li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 440px) {
    .v-header .user-nav li {
        margin-right: 10px;
        padding: 7px 0px
    }
}

.v-header .user-nav:before {
    content: "";
    position: absolute;
    width: 1px;
    left: 0px;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc
}

@media only screen and (max-width: 880px) {
    .v-header .user-nav:before {
        display: none
    }
}

.v-header .header-section {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 50px;
    display: inline-block;
    position: absolute;
    height: auto;
    right: 0px;
    top: 98%;
    background-color: #FFF
}

.v-header .mega-menu {
    padding: 0 50px;
    opacity: 1;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    width: 100%;
    box-shadow: 2px 2px 2px 2px transparent;
    -webkit-box-shadow: 2px 2px 2px 2px transparent;
    -moz-box-shadow: 2px 2px 2px 2px transparent
}

.v-header .mega-menu>div {
    padding: 50px 0
}

@media only screen and (max-width: 880px) {
    .v-header .mega-menu {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        padding: 0px 0px;
        position: relative;
        max-height: 0px !important;
        overflow: hidden
    }
    .v-header .mega-menu.open {
        padding: 0px 0px;
        max-height: 1500px !important;
        margin: 15px 0
    }
}

.v-header .mega-menu .nav-col {
    width: 22%;
    float: left
}

@media only screen and (max-width: 880px) {
    .v-header .mega-menu .nav-col {
        width: 50%
    }
    .v-header .mega-menu .nav-col li {
        border-bottom: 0px
    }
}

@media only screen and (max-width: 440px) {
    .v-header .mega-menu .nav-col ul {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 880px) {
    .v-header .mega-menu .nav-col {
        width: 100%
    }
}

.v-header .mega-menu .nav-img {
    width: 34%;
    float: left
}

.v-header .mega-menu .nav-img img {
    width: 100%
}

@media only screen and (max-width: 880px) {
    .v-header .mega-menu .nav-img {
        width: 50%;
        display: block
    }
}

@media only screen and (max-width: 440px) {
    .v-header .mega-menu .nav-img {
        width: 100%
    }
}

.v-header .mega-menu ul li {
    width: 100%;
    display: block;
    margin: 10px 0px
}

.v-header .mega-menu ul li a {
    padding: 0px
}

.v-header .search {
    padding: 0px 100px;
    width: 100%;
    max-height: 0px;
    height: auto;
    opacity: 0;
    max-height: 0px;
    overflow: hidden;
    background-color: transparent;
    box-shadow: 2px 2px 2px 2px transparent;
    -webkit-box-shadow: 2px 2px 2px 2px transparent;
    -moz-box-shadow: 2px 2px 2px 2px transparent;
    z-index: -1
}

@media only screen and (max-width: 440px) {
    .v-header .search {
        padding: 0px 20px
    }
}

.v-header .search .form-box {
    position: relative
}

.v-header .search input[type="text"] {
    padding-right: 30px
}

.v-header .search.open {
    padding: 0px 20px;
    opacity: 1;
    max-height: 1000px;
    overflow: visible
}

.v-header .cart-panel {
    text-align: left;
    padding: 0px 25px;
    display: block;
    opacity: 0;
    z-index: -1;
    width: 100%;
    max-width: 350px;
    height: auto;
    max-height: 0px;
    overflow-y: hidden;
    box-sizing: border-box
}

.v-header .cart-panel .cart-total-box {
    display: block;
    height: auto;
    max-height: 370px;
    margin-right: -5px;
    overflow-y: scroll;
}

@media only screen and (max-width: 440px) {
    .v-header .cart-panel .cart-total-box {
        height: calc(100% - 80px);
        max-height: calc(100% - 80px)
    }
}

.v-header .cart-panel .cart-total {
    width: 100%;
    display: inline-block;
    font-size: 14px
}

.v-header .cart-panel .cart-total>div {
    width: 50%
}

.v-header .cart-panel .cart-total>div.cart-items {
    text-align: left;
    display: block;
    background-color: transparent;
    position: relative;
    height: auto;
    color: #444444;
    font-size: 14px;
    right: auto;
    font-weight: normal;
    font-size: 14px;
    font-family: "Open Sans Semibold"
}

.v-header .cart-panel .cart-total>div.total-price {
    text-align: right;
    color: #444444;
    font-size: 14px
}

.v-header .cart-panel .cart-empty-box {
    display: none
}

.v-header .cart-panel .cart-empty {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 20px
}

.v-header .cart-panel .cart-empty>div {
    width: 50%
}

.v-header .cart-panel .cart-empty>div.cart-items {
    text-align: left
}

.v-header .cart-panel p {
    text-align: center;
    padding: 50px 0;
    font-size: 13px
}

.v-header .cart-panel h5 {
    margin-bottom: 10px
}

.v-header .cart-panel b {
    font-family: "Open Sans Semibold"
}

.v-header .cart-panel ul {
    margin: 15px 0
}

.v-header .cart-panel ul li {
    width: 100%;
    display: inline-block;
    padding: 15px 0px;
    border-top: 1px solid #CCC
}

.v-header .cart-panel ul li .cart-img {
    width: 30%
}

.v-header .cart-panel ul li .cart-img img {
    width: 100%
}

.v-header .cart-panel ul li .cart-description {
    width: 70%;
    padding-left: 15px
}

.v-header .cart-panel ul li .cart-description h6 {
    font-size: 14px;
    font-family: "Open Sans Semibold";
    margin-bottom: 10px;
    line-height: 20px
}

.v-header .cart-panel ul li .cart-description p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    text-align: left
}

.v-header .cart-panel ul li .cart-description .cart-action {
    display: flex;
    align-items: center
}

.v-header .cart-panel ul li .cart-description .cart-action abbr {
    width: 33.33%;
    font-family: "Open Sans Semibold"
}

.v-header .cart-panel .buy-new-button {
    margin: 0px;
    width: 100%
}

.v-header .cart-panel.open {
    padding: 25px 25px;
    max-height: calc(100vh - 65px);
    opacity: 1
}

@media only screen and (max-width: 440px) {
    .v-header .cart-panel {
        height: calc(100vh - 65px);
        overflow-y: scroll;
        max-height: calc(100vh - 65px);
        padding: 25px 25px;
        width: 100%;
        opacity: 1;
        right: -100%;
        max-width: 100%
    }
    .v-header .cart-panel.open {
        padding: 25px 25px;
        max-height: auto;
        opacity: 1;
        right: 0%
    }
}

.v-header .login {
    width: 220px;
    right: 0px;
    padding: 0px 20px;
    padding-bottom: 0px;
    text-align: left;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
    z-index: -1
}

.v-header .login.open {
    max-height: 500px;
    padding: 0px 20px;
    padding-bottom: 20px;
    opacity: 1
}

.v-header .login .login-box h6 {
    font-size: 14px;
    font-family: "Open Sans Semibold";
    line-height: 22px;
    margin-bottom: 10px
}

.v-header .login .login-box h6 span {
    display: block;
    font-size: 12px
}

.v-header .login .login-box p {
    font-size: 12px;
    margin-bottom: 40px;
    line-height: 18px
}

.v-header .login .login-box .action {
    position: absolute;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    left: 0px;
    background-color: #7350ac
}

.v-header .login .login-box .action a {
    font-size: 12px;
    padding: 15px;
    color: #fff;
    text-align: center;
    width: 50%;
    float: left
}

.v-header .login .logout-box {
    display: block
}

.v-header .login .logout-box h6 {
    font-size: 14px;
    font-family: "Open Sans Semibold";
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: solid 1px #cccccc
}

.v-header .login .logout-box h6 span {
    display: block;
    font-size: 12px
}

.v-header .login .logout-box p {
    font-size: 12px;
    margin-bottom: 40px;
    line-height: 18px
}

.v-header .login .logout-box p a {
    color: #444444
}

.v-header .login .logout-box .action {
    position: absolute;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    left: 0px;
    background-color: #7350ac
}

.v-header .login .logout-box .action a {
    font-size: 12px;
    padding: 15px;
    color: #fff;
    text-align: center;
    width: 50%;
    float: left
}

.v-header .login .logout-box .action a span {
    position: relative;
    top: 0;
    left: 10px
}

.v-header .nav-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    top: 0px;
    left: 0px;
    z-index: -2;
    visibility: hidden
}

.v-header .nav-bg.open {
    opacity: 1;
    visibility: visible
}

.v-header .header-component .suggestion-box .suggestion-search-list .item-details .item-title {
    text-align: left
}

.g-left ul {
    margin: 0;
    padding: 0
}

.g-left ul li {
    list-style: none;
    padding: 10px 0;
    float: left;
    font-family: "Open Sans";
    font-size: 13px;
    color: #444;
    margin-right: 20px
}

.g-left ul li a {
    color: #444;
    padding: 10px 0
}

.g-left ul li a:hover {
    color: #000
}

.g-left .g-left-dropdown {
    margin-right: 5px
}

.g-left .g-left-dropdown select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #f2f1f1 url("clientlib-site-revised/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    background-position-y: 50%;
    width: 85px;
    font-family: "Open Sans";
    font-size: 11px;
    color: #444;
    margin-right: 10px;
    display: none
}

.g-left .g-left-dropdown select:option {
    padding: 5px
}

.g-left .g-left-dropdown select::-ms-expand {
    display: none
}

@media only screen and (max-width: 991px) {
    .g-left {
        width: 50%;
        text-align: left
    }
}

.g-left-dropdown-common {
    margin-right: 5px
}

.g-left-dropdown-common select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    background: #f2f1f1 url("clientlib-site-revised/images/dropdownarrow.png") no-repeat scroll 100% center;
    border: none;
    background-position-y: 50%;
    width: 120px;
    font-size: 14px
}

.g-left-dropdown-common select:option {
    padding: 5px
}

.g-left-dropdown-common select::-ms-expand {
    display: none
}

@media only screen and (max-width: 991px) {
    .g-left-dropdown-common {
        display: none !important
    }
}

.v-header .mega-menu .nav-col>ul>li>ul>li>a {
    font-size: 14px;
    color: #838383;
    line-height: 14px;
    font-family: "Open Sans"
}

.v-header .mega-menu .nav-col>ul>li>ul>li>a:hover {
    color: #7350ac
}

.v-header>.navigation>li a:hover {
    color: #7350ac
}

.nav-col-box {
    width: 70%;
    float: left
}

.v-header .mega-menu .nav-img {
    width: 30%
}

.v-header .mega-menu .nav-col {
    width: 25%
}

.v-header .mega-menu .nav-col.fourcolumn {
    width: 25%
}

.v-header .mega-menu .nav-col.threecolumn {
    width: 33.33%
}

.v-header .navigation li a.active {
    color: #7350ac
}

.v-header .mega-menu .nav-col>ul>li>ul>li>a.active {
    color: #7350ac
}

.v-header .login .login-box .action a {
    color: #ffffff
}

.v-header .login .login-box .action {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #ffffff
}

.global-search {
    flex-grow: 2
}

.global-search .auto-sug-section {
    position: relative;
    z-index: 10
}

.global-search .input-form-container {
    position: relative;
    border: 0;
    box-shadow: 0 0 6px 2px #e2e1e2;
    border-radius: 8px;
    padding: 1px
}

.global-search .input-form-container.focusin {
    background: #fbab33;
    background: -moz-linear-gradient(left, #fbab33 0%, #ef3b2b 50%, #4a1997 100%);
    background: -webkit-linear-gradient(left, #fbab33 0%, #ef3b2b 50%, #4a1997 100%);
    background: linear-gradient(to right, #fbab33 0%, #ef3b2b 50%, #4a1997 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbab33', endColorstr='#4a1997', GradientType=1);
    border-radius: 8px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.09)
}

.global-search .input-form-container .input-main-block {
    width: 100%;
    display: flex;
    border-radius: 7px;
    border-radius: 7px;
    background: #fff;
    padding: 0 10px 0 5px;
    align-items: center
}

.global-search .twitter-typeahead {
    width: 100%
}

.global-search .search-input {
    flex-grow: 2;
    font-size: 12px;
    border: 0;
    box-shadow: none;
    border-radius: 7px;
    font-weight: 300;
    position: relative;
    padding: 13px 10px;
    width: 100%;
    color: #9b9b9b;
    font-family: "Open Sans"
}

.global-search .search-input:focus {
    outline: 0;
    border-color: cyan
}

.global-search input::-webkit-input-placeholder {
    color: #9b9b9b;
    font-size: 12px
}

.global-search input::-moz-placeholder {
    color: #9b9b9b;
    font-size: 12px
}

.global-search input:-ms-input-placeholder {
    color: #9b9b9b;
    font-size: 12px
}

.global-search input::placeholder {
    color: #9b9b9b;
    font-size: 12px
}

.popular-search-container {
    display: none
}

.suggestion-box {
    padding: 15px 0 0;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    background: #fff;
    position: absolute;
    width: 100%;
    top: 50px;
    z-index: 9999
}

.suggestion-box .search-heading {
    font-size: 9px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding-left: 15px;
    color: #9f9f9f;
    text-align: left
}

.suggestion-box .item {
    border-bottom: 1px solid #eaeaea;
    margin: 0 10px
}

.suggestion-box .item:last-child {
    border-bottom: 0
}

.suggestion-box .item-details {
    padding: 10px 10px 10px 5px
}

.suggestion-box .item-details .title,
.suggestion-box .item-details .item-title {
    font-size: 13px;
    font-family: "Open Sans";
    margin-bottom: 0
}

.suggestion-box .item-details .sub-title {
    font-size: 9px;
    font-family: "Open Sans";
    line-height: 16px;
    margin-bottom: 0
}

.suggestion-box .popular-search-list {
    margin: 10px 0 0;
    font-family: "Open Sans"
}

.suggestion-box .popular-search-list .item-details {
    display: flex
}

.suggestion-box .popular-search-list .item-details .icon {
    width: 20px
}

.suggestion-box .popular-search-list .item-details .title {
    text-transform: capitalize;
    margin-left: 12px;
    color: #4a4a4a
}

.suggestion-box .popular-search-list .item-details:hover {
    background: #f5f4f4
}

.suggestion-box .suggestion-search-list .item-details {
    display: flex;
    justify-content: space-between
}

.suggestion-box .suggestion-search-list .item-details .left-block {
    display: flex;
    flex-direction: column
}

.suggestion-box .suggestion-search-list .item-details .item-title {
    color: #4a4a4a
}

.suggestion-box .suggestion-search-list .item-details .sub-title {
    text-transform: capitalize;
    color: #8b8b8b;
    letter-spacing: 1px
}

.suggestion-box .suggestion-search-list .item-details .code-color {
    width: 20px;
    height: 20px;
    background: cyan;
    border-radius: 50px
}

.suggestion-box .suggestion-search-list .item-details:hover {
    background: #f5f4f4
}

.suggestion-box .suggestion-search-list .blog-item .item-details {
    flex-direction: row;
    justify-content: flex-start
}

.suggestion-box .suggestion-search-list .blog-item .item-details .blog-info {
    line-height: 14px;
    margin: 0;
    display: inline-block;
    width: 100%
}

.suggestion-box .suggestion-search-list .blog-item .item-details .blog-info .title {
    margin-left: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block
}

.suggestion-box .suggestion-search-list .blog-item .item-details .blog-info .blog-title {
    margin-left: 0
}

.suggestion-box .suggestion-search-list .blog-item .item-details .icon {
    width: 20px;
    display: none
}

.suggestion-box .suggestion-search-list .blog-item .item-details .title {
    text-transform: capitalize;
    margin-left: 12px;
    color: #4a4a4a
}

.suggestion-box .suggestion-search-list .blog-item .item-details .blog-title {
    color: #9b9b9b;
    margin-left: 12px;
    font-family: "Open Sans";
    font-size: 9px
}

.suggestion-box .suggestion-search-list .related-search .search-heading {
    margin-top: 15px;
    font-family: "Open Sans"
}

.suggestion-box .suggestion-search-list .related-search .item-details {
    display: flex;
    align-items: flex-start
}

.suggestion-box .suggestion-search-list .related-search .item-details .left-block {
    flex-direction: row;
    align-items: center
}

.suggestion-box .suggestion-search-list .related-search .item-details .icon {
    width: 35px
}

.suggestion-box .suggestion-search-list .related-search .item-details .title {
    text-transform: capitalize;
    margin-left: 12px;
    color: #4a4a4a
}

.suggestion-box .suggestion-search-list .related-search .item-details .prod-icon {
    width: 35px
}

@media (min-width: 768px) {
    .suggestion-box .suggestion-search-list .item-details .code-color {
        width: 30px;
        height: 30px;
        background: cyan
    }
    .suggestion-box .suggestion-search-list .blog-item .item-details .icon {
        display: block
    }
    .suggestion-box .suggestion-search-list .blog-item .item-details .blog-info {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
        line-height: 16px
    }
    .suggestion-box .suggestion-search-list .blog-item .item-details .blog-info .title {
        width: 100%
    }
    .suggestion-box .suggestion-search-list .blog-item .item-details .blog-info .blog-title {
        font-size: 12px
    }
}

@media (min-width: 768px) {
    .suggestion-box {
        top: 52px
    }
    .suggestion-box .search-heading {
        font-size: 11px
    }
    .suggestion-box .item {
        margin: 0
    }
    .suggestion-box .item-details {
        padding: 13px 20px
    }
    .suggestion-box .item-details .title,
    .suggestion-box .item-details .item-title {
        font-size: 14px;
        margin-bottom: 2px
    }
    .suggestion-box .item-details .sub-title {
        font-size: 12px;
        margin-bottom: 0px
    }
}

/*.search-icon {
    background: url(clientlib-site-revised/images/search-icon.png) no-repeat;
    border: 0 none;
    height: 18px;
    padding: 0;
    position: absolute;
    width: 18px;
    margin-right: 10px;
    right: 2px;
    background-size: contain;
    top: 14px;
    outline: 0
}*/

.search-icon:focus {
    outline: 0
}

/*@media (min-width: 768px) {
    .search-icon {
        top: 11px;
        height: 22px;
        right: 15px;
        width: 22px
    }
}*/

.search-icon-resp .search-icon {
    position: relative;
    top: initial
}

@media (min-width: 768px) {
    .new-search-view {
        width: 100% !important
    }
    .global-search {
        padding-right: 40px;
        top: -2px;
        display: block !important
    }
    .global-search .search-input {
        font-size: 14px;
        line-height: 17px
    }
    .global-search input::-webkit-input-placeholder {
        font-size: 14px
    }
    .global-search input::-moz-placeholder {
        font-size: 14px
    }
    .global-search input:-ms-input-placeholder {
        font-size: 14px
    }
    .global-search input::placeholder {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .global-search {
        padding-right: 35px
    }
    .global-search .search-input {
        padding: 12px 45px 12px 10px
    }
    .suggestion-box .search-heading {
        padding-left: 20px
    }
    .suggestion-box .popular-search-list .item-details,
    .suggestion-box .suggestion-search-list .item-details {
        padding: 13px 20px
    }
}

@media (min-width: 1200px) {
    .global-search {
        padding-right: 70px
    }
    .global-search .search-input {
        padding: 12px 45px 12px 20px
    }
    .suggestion-box .search-heading {
        padding-left: 25px
    }
    .suggestion-box .popular-search-list .item-details,
    .suggestion-box .suggestion-search-list .item-details {
        padding: 13px 25px
    }
}

.card-num {
    background-color: #7350ac;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -10px;
    padding: 5px;
    bottom: 40px
}

@media only screen and (max-width: 440px) {
    .card-num {
        bottom: 20px
    }
}

.card-num span {
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans"
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li:hover .mega-menu,
    .v-header .navigation li .mega-menu,
    .v-header .navigation li .mega-menu.open {
        display: none
    }
    .v-header .navigation li.open .mega-menu {
        display: block
    }
    .v-header .navigation li .sign::after {
        content: "";
        width: 2px;
        height: 80%;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        background-color: #7350ac
    }
    .v-header .navigation li .sign::before {
        content: "";
        width: 80%;
        height: 2px;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        background-color: #7350ac
    }
    .v-header .navigation {
        height: calc(100vh - -10px)
    }
    .v-header .navigation li .sign.open::after {
        display: block
    }
    .v-header .navigation li.open .sign::after {
        display: none
    }
    .v-header .navigation {
        width: 400px
    }
    .v-header .mega-menu .nav-img img {
        width: 80%
    }
    .v-header .mega-menu ul li {
        margin: 4px 0
    }
    .v-header .navigation li a {
        font-size: 14px;
        padding: 10px 0
    }
    .v-header .navigation li .sign {
        top: 8px
    }
    .v-header .mega-menu .nav-col>ul>li>ul>li>a {
        font-size: 12px
    }
    .v-header .mega-menu .nav-col>ul>li>ul>li>a:hover {
        padding: 0px 0 !important
    }
    .v-header .navigation>ul>li>a:hover {
        padding: 10px 0;
        padding-bottom: 10px
    }
    .v-header .navigation li a {
        text-align: left
    }
    .header-component .global-search {
        top: -2px !important;
        display: block !important;
        padding-right: 0px !important;
        width: 100%
    }
    .v-header .navigation>ul {
        margin-bottom: 100px !important
    }
    .v-header .navigation>ul>li>a:hover:after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .v-header .navigation {
        height: calc(100vh - 70px)
    }
    .v-header .navigation {
        width: 80%
    }
    .v-header .mega-menu .nav-img img {
        width: 100%
    }
    .search-icon-resp.js-showSearchBox {
        display: none
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .header-component .global-search {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .header-component .search-icon-resp .search-icon {
        visibility: hidden
    }
}

@font-face {
    font-family: 'Open Sans';
    src: url("clientlib-site-revised/fonts/Open Sans.eot");
    src: url("clientlib-site-revised/fonts/Open Sans.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Open Sans.woff2") format("woff2"), url("clientlib-site-revised/fonts/Open Sans.woff") format("woff"), url("clientlib-site-revised/fonts/Open Sans.svg#Open Sans") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212
}

@font-face {
    font-family: 'Open Sans';
    src: url("clientlib-site-revised/fonts/Open Sans Bold.eot");
    src: url("clientlib-site-revised/fonts/Open Sans Bold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Open Sans Bold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Open Sans Bold.woff") format("woff"), url("clientlib-site-revised/fonts/Open Sans Bold.svg#Open Sans Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2074
}

@font-face {
    font-family: 'Open Sans Light';
    src: url("clientlib-site-revised/fonts/Open Sans Light.eot");
    src: url("clientlib-site-revised/fonts/Open Sans Light.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Open Sans Light.woff2") format("woff2"), url("clientlib-site-revised/fonts/Open Sans Light.woff") format("woff"), url("clientlib-site-revised/fonts/Open Sans Light.svg#Open Sans Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url("clientlib-site-revised/fonts/Open Sans Semibold.eot");
    src: url("clientlib-site-revised/fonts/Open Sans Semibold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Open Sans Semibold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Open Sans Semibold.woff") format("woff"), url("clientlib-site-revised/fonts/Open Sans Semibold.svg#Open Sans Semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2074
}

@font-face {
    font-family: 'Open Sans Extrabold';
    src: url("clientlib-site-revised/fonts/Open Sans Extrabold.eot");
    src: url("clientlib-site-revised/fonts/Open Sans Extrabold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Open Sans Extrabold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Open Sans Extrabold.woff") format("woff"), url("clientlib-site-revised/fonts/Open Sans Extrabold.svg#Open Sans Extrabold") format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2074
}

@font-face {
    font-family: 'Abhaya Libre';
    src: url("clientlib-site-revised/fonts/Abhaya Libre Regular.eot");
    src: url("clientlib-site-revised/fonts/Abhaya Libre Regular.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Abhaya Libre Regular.woff2") format("woff2"), url("clientlib-site-revised/fonts/Abhaya Libre Regular.woff") format("woff"), url("clientlib-site-revised/fonts/Abhaya Libre Regular.svg#Abhaya Libre Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: 'Abhaya Libre';
    src: url("clientlib-site-revised/fonts/Abhaya Libre Bold.eot");
    src: url("clientlib-site-revised/fonts/Abhaya Libre Bold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Abhaya Libre Bold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Abhaya Libre Bold.woff") format("woff"), url("clientlib-site-revised/fonts/Abhaya Libre Bold.svg#Abhaya Libre Bold") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: 'Abhaya Libre Medium';
    src: url("clientlib-site-revised/fonts/Abhaya Libre Medium.eot");
    src: url("clientlib-site-revised/fonts/Abhaya Libre Medium.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Abhaya Libre Medium.woff2") format("woff2"), url("clientlib-site-revised/fonts/Abhaya Libre Medium.woff") format("woff"), url("clientlib-site-revised/fonts/Abhaya Libre Medium.svg#Abhaya Libre Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: 'Abhaya Libre SemiBold';
    src: url("clientlib-site-revised/fonts/Abhaya Libre SemiBold.eot");
    src: url("clientlib-site-revised/fonts/Abhaya Libre SemiBold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Abhaya Libre SemiBold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Abhaya Libre SemiBold.woff") format("woff"), url("clientlib-site-revised/fonts/Abhaya Libre SemiBold.svg#Abhaya Libre SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: 'Abhaya Libre ExtraBold';
    src: url("clientlib-site-revised/fonts/Abhaya Libre ExtraBold.eot");
    src: url("clientlib-site-revised/fonts/Abhaya Libre ExtraBold.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/Abhaya Libre ExtraBold.woff2") format("woff2"), url("clientlib-site-revised/fonts/Abhaya Libre ExtraBold.woff") format("woff"), url("clientlib-site-revised/fonts/Abhaya Libre ExtraBold.svg#Abhaya Libre ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}

@font-face {
    font-family: 'rupee_foradian1-webfont';
    src: url("clientlib-site-revised/fonts/rupee_foradian1-webfont.eot");
    src: url("clientlib-site-revised/fonts/rupee_foradian1-webfont.eot?#iefix") format("embedded-opentype"), url("clientlib-site-revised/fonts/rupee_foradian1-webfont.woff") format("woff"), url("clientlib-site-revised/fonts/rupee_foradian1-webfont.ttf") format("truetype"), url("clientlib-site-revised/fonts/rupee_foradian1-webfont.svg#rupee_foradian1-webfont") format("svg");
    font-weight: normal;
    font-style: normal
}

.c-spotlight-carosel {
    width: 100%;
    margin: 0px auto;
    position: relative;
    display: inline-block
}

.c-spotlight-carosel img {
    width: 100%
}

.c-spotlight-carosel .mainSlide {
    position: relative;
    top: 0;
    left: 0;
    height: auto
}

.c-spotlight-carosel .mainSlide img {
    width: 100%
}

.c-spotlight-carosel .mainSlide .overlapContent {
    position: absolute;
    bottom: -30px;
    height: auto;
    background-color: rgba(246, 246, 246, 0.9);
    border-radius: 5px;
    padding: 30px 30px 30px 50px;
    display: table;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    margin-left: 50px
}

.c-spotlight-carosel .mainSlide .overlapContent div {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px 0px 0
}

@media only screen and (max-width: 440px) {
    .c-spotlight-carosel .mainSlide .overlapContent h2 {
        padding-left: 0
    }
}

.c-spotlight-carosel .section-header,
.c-spotlight-carosel .storelocator .h2,
.storelocator .c-spotlight-carosel .h2,
.c-spotlight-carosel .contractorlocator h2,
.contractorlocator .c-spotlight-carosel h2,
.c-spotlight-carosel .howWorksPLP h2,
.howWorksPLP .c-spotlight-carosel h2,
.c-spotlight-carosel h2.custom-getInspiredPLP {
    margin-bottom: 0px
}

.c-spotlight-carosel .slick-dots {
    bottom: -30px
}

.c-spotlight-carosel .slick-dots li button {
    color: #cdcdcd;
    background: #cdcdcd;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

.c-spotlight-carosel .slick-dots li button::before {
    content: none
}

.c-spotlight-carosel .slick-dots li.slick-active button {
    background: #7350ac
}

.c-spotlight {
    width: 100%;
    margin: 0px auto;
    position: relative
}

.c-spotlight img {
    width: 100%
}

.c-spotlight .mainSlide {
    position: relative;
    top: 0;
    left: 0;
    height: auto
}

.c-spotlight .mainSlide img {
    width: 100%
}

.c-spotlight .mainSlide .overlapContent {
    position: absolute;
    bottom: -30px;
    height: auto;
    background-color: rgba(246, 246, 246, 0.9);
    border-radius: 5px;
    padding: 30px 30px 30px 50px;
    display: table;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    margin-left: 50px
}

.c-spotlight .mainSlide .overlapContent div {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px 0px 0
}

@media only screen and (max-width: 440px) {
    .c-spotlight .mainSlide .overlapContent h2 {
        padding-left: 0
    }
}

.c-spotlight .section-header,
.c-spotlight .storelocator .h2,
.storelocator .c-spotlight .h2,
.c-spotlight .contractorlocator h2,
.contractorlocator .c-spotlight h2,
.c-spotlight .howWorksPLP h2,
.howWorksPLP .c-spotlight h2,
.c-spotlight h2.custom-getInspiredPLP {
    margin-bottom: 0px
}

.c-four-easy-steps .four-easy-steps-content {
    display: table
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box {
    position: relative;
    padding: 80px
}

@media only screen and (max-width: 767px) {
    .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box {
        padding: 100px 10px 100px 10px
    }
}

@media only screen and (max-width: 440px) {
    .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box {
        padding: 60px 10px
    }
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box:after {
    content: '';
    width: 100%;
    height: 90%;
    border: 1px solid #838383;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul {
    margin: 0;
    padding: 0
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li {
    display: flex;
    float: left;
    width: 100%;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
    align-items: center
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li span {
    font-size: 90px;
    line-height: 100px;
    color: #eaeaea;
    font-family: "Open Sans";
    width: 80px
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li div {
    vertical-align: middle;
    width: 75%
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li div p {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 440px) {
    .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul {
        margin: 30px 0
    }
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box .h2,
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box .contractorlocator h2,
.contractorlocator .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box h2,
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box .howWorksPLP h2,
.howWorksPLP .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box h2,
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box h2.custom-getInspiredPLP {
    position: absolute;
    background-color: #fff;
    margin: 20px 20px 50px 0 !important;
    left: 0;
    top: 0;
    width: 80%
}

.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box h5 {
    margin-bottom: 10px
}

.c-four-easy-steps .four-easy-steps-content .form-box-content {
    display: table-cell;
    vertical-align: middle;
    width: 30%
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .section-header:before,
.c-four-easy-steps .four-easy-steps-content .form-box-content .storelocator .h2:before,
.storelocator .c-four-easy-steps .four-easy-steps-content .form-box-content .h2:before,
.c-four-easy-steps .four-easy-steps-content .form-box-content .contractorlocator h2:before,
.contractorlocator .c-four-easy-steps .four-easy-steps-content .form-box-content h2:before,
.c-four-easy-steps .four-easy-steps-content .form-box-content .howWorksPLP h2:before,
.howWorksPLP .c-four-easy-steps .four-easy-steps-content .form-box-content h2:before,
.c-four-easy-steps .four-easy-steps-content .form-box-content h2.custom-getInspiredPLP:before {
    left: -95px
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box {
    background-color: #f6f6f6;
    padding: 30px 60px;
    position: relative;
    margin-left: -50px;
    border-radius: 5px
}

@media only screen and (max-width: 440px) {
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box {
        padding: 30px 30px 0px 60px;
        top: 0px;
        width: 100%
    }
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box ul {
    margin: 0;
    padding: 0
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box ul li {
    position: relative;
    margin-bottom: 20px
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .global-button,
.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .bookAppointmentPLP .btn-style3,
.bookAppointmentPLP .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .btn-style3 {
    position: relative;
    bottom: -50px
}

@media only screen and (max-width: 440px) {
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .global-button,
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .bookAppointmentPLP .btn-style3,
    .bookAppointmentPLP .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box .btn-style3 {
        bottom: 0px
    }
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box.thankyou {
    display: none
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box.thankyou h2 {
    margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box.thankyou h2 {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 767px) {
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box.thankyou h2 {
        margin-bottom: 20px
    }
}

.c-decor-four-easy-steps .four-easy-steps-box {
    position: relative;
    padding: 70px 50px 0px 50px
}

.c-decor-four-easy-steps .four-easy-steps-box:after {
    content: '';
    width: 100%;
    height: 90%;
    border: 1px solid #838383;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.c-decor-four-easy-steps .four-easy-steps-box ul {
    margin: 0;
    padding: 0
}

.c-decor-four-easy-steps .four-easy-steps-box ul li {
    display: inline-block;
    float: left;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0 30px 0 0;
    position: relative;
    width: 25%
}

.c-decor-four-easy-steps .four-easy-steps-box ul li span {
    font-size: 90px;
    line-height: 100px;
    color: #eaeaea;
    font-family: "Open Sans Semibold";
    width: 80px
}

.c-decor-four-easy-steps .four-easy-steps-box ul li div {
    vertical-align: middle;
    width: 75%
}

.c-decor-four-easy-steps .four-easy-steps-box ul li div p {
    margin-bottom: 0 !important
}

.c-decor-four-easy-steps .four-easy-steps-box .h2,
.c-decor-four-easy-steps .four-easy-steps-box .contractorlocator h2,
.contractorlocator .c-decor-four-easy-steps .four-easy-steps-box h2,
.c-decor-four-easy-steps .four-easy-steps-box .howWorksPLP h2,
.howWorksPLP .c-decor-four-easy-steps .four-easy-steps-box h2,
.c-decor-four-easy-steps .four-easy-steps-box h2.custom-getInspiredPLP {
    position: absolute;
    background-color: #fff;
    margin: 0 50px 50px -5px !important;
    left: 0;
    top: 0;
    width: auto;
    padding-right: 20px
}

.c-decor-four-easy-steps .four-easy-steps-box h5 {
    margin-bottom: 10px
}

.c-decor-four-easy-steps .decor-four-easy-steps-box {
    position: relative
}

.c-decor-four-easy-steps .decor-four-easy-steps-box ul {
    margin: 0;
    padding: 0
}

.c-decor-four-easy-steps .decor-four-easy-steps-box ul li {
    display: flex;
    float: left;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0 30px 0 0;
    position: relative;
    width: 25%;
    align-items: flex-end
}

.c-decor-four-easy-steps .decor-four-easy-steps-box ul li span {
    font-size: 100px;
    line-height: 100px;
    color: #eaeaea;
    font-family: "Open Sans";
    width: 70px;
    font-weight: bold
}

.c-decor-four-easy-steps .decor-four-easy-steps-box ul li div {
    vertical-align: middle;
    width: 75%
}

.c-decor-four-easy-steps .decor-four-easy-steps-box ul li div p {
    margin-bottom: 5px;
    font-family: "Open Sans Semibold"
}

.c-decor-four-easy-steps .decor-four-easy-steps-box .h2,
.c-decor-four-easy-steps .decor-four-easy-steps-box .contractorlocator h2,
.contractorlocator .c-decor-four-easy-steps .decor-four-easy-steps-box h2,
.c-decor-four-easy-steps .decor-four-easy-steps-box .howWorksPLP h2,
.howWorksPLP .c-decor-four-easy-steps .decor-four-easy-steps-box h2,
.c-decor-four-easy-steps .decor-four-easy-steps-box h2.custom-getInspiredPLP {
    position: absolute;
    background-color: #fff;
    margin: 0 20px 50px 0 !important;
    left: 0;
    top: 0;
    width: auto
}

.c-decor-four-easy-steps .decor-four-easy-steps-box h5 {
    margin-bottom: 10px
}

.c-decor-four-easy-steps .form-box-content .section-header:before,
.c-decor-four-easy-steps .form-box-content .storelocator .h2:before,
.storelocator .c-decor-four-easy-steps .form-box-content .h2:before,
.c-decor-four-easy-steps .form-box-content .contractorlocator h2:before,
.contractorlocator .c-decor-four-easy-steps .form-box-content h2:before,
.c-decor-four-easy-steps .form-box-content .howWorksPLP h2:before,
.howWorksPLP .c-decor-four-easy-steps .form-box-content h2:before,
.c-decor-four-easy-steps .form-box-content h2.custom-getInspiredPLP:before {
    left: -95px
}

.c-decor-four-easy-steps .form-box-content .form-box {
    position: relative
}

.c-decor-four-easy-steps .form-box-content .form-box ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}

.c-decor-four-easy-steps .form-box-content .form-box ul li {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px
}

.c-decor-four-easy-steps .form-box-content .form-box .global-button,
.c-decor-four-easy-steps .form-box-content .form-box .bookAppointmentPLP .btn-style3,
.bookAppointmentPLP .c-decor-four-easy-steps .form-box-content .form-box .btn-style3 {
    position: relative;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%)
}

.c-decor-four-easy-steps .form-box-content .form-box.thankyou {
    display: none
}

.c-decor-four-easy-steps .form-box-content .form-box.thankyou h2 {
    margin-bottom: 20px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .c-decor-four-easy-steps .form-box-content .form-box.thankyou h2 {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .c-decor-four-easy-steps .form-box-content .form-box.thankyou h2 {
        margin-bottom: 10px
    }
}

.c-decor-four-easy-steps .form-box-content .form-box.thankyou p {
    text-align: center
}

.c-decor-four-easy-steps .form-box-content .form-box input[type="text"]:focus+.focusLine {
    width: 90%
}

.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box ul li input[type="text"] {
    font-size: 16px
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .c-four-easy-steps .four-easy-steps-content .form-box-content .form-box.form-container {
        top: 0px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-decor-four-easy-steps .four-easy-steps-box ul li {
        width: 50%
    }
    .c-decor-four-easy-steps .decor-four-easy-steps-box ul li {
        width: 50%
    }
    .c-decor-four-easy-steps .decor-four-easy-steps-box ul li span {
        font-size: 80px;
        line-height: 80px;
        width: 60px
    }
}

@media only screen and (max-width: 767px) {
    .c-decor-four-easy-steps .four-easy-steps-box ul li {
        width: 100%;
        padding: 0
    }
    .c-decor-four-easy-steps .four-easy-steps-box {
        padding: 40px 10px 0px 10px
    }
    .c-decor-four-easy-steps .form-box-content .form-box .global-button,
    .c-decor-four-easy-steps .form-box-content .form-box .bookAppointmentPLP .btn-style3,
    .bookAppointmentPLP .c-decor-four-easy-steps .form-box-content .form-box .btn-style3 {
        bottom: -10px
    }
    .c-decor-four-easy-steps .form-box-content .form-box.thankyou .global-button,
    .c-decor-four-easy-steps .form-box-content .form-box.thankyou .bookAppointmentPLP .btn-style3,
    .bookAppointmentPLP .c-decor-four-easy-steps .form-box-content .form-box.thankyou .btn-style3 {
        bottom: -15px
    }
    .c-decor-four-easy-steps .decor-four-easy-steps-box ul li {
        width: 100%
    }
    .c-decor-four-easy-steps .decor-four-easy-steps-box ul li span {
        font-size: 70px;
        line-height: 70px;
        width: 50px
    }
    .c-decor-four-easy-steps .decor-four-easy-steps-box ul li {
        padding: 0 30px 20px 0
    }
    .c-decor-four-easy-steps .form-box-content .form-box input[type="text"]:focus+.focusLine {
        width: 100%
    }
    .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li {
        margin-bottom: 15px
    }
    .c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li span {
        margin-left: 10px
    }
}

.c-feature-products {
    position: relative
}

.c-feature-products img {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px
}

.c-feature-products:after {
    content: "";
    background-color: #f6f6f6;
    position: absolute;
    height: 300px;
    top: 50px;
    width: 100%;
    z-index: -1
}

.c-feature-products .feature-product-carosel {
    padding: 0px 0
}

@media only screen and (max-width: 440px) {
    .c-feature-products .feature-product-carosel {
        margin: 15px 0
    }
}

.c-feature-products .feature-product-carosel .mainSlide {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: auto;
    outline: 0px
}

.c-feature-products .feature-product-carosel .mainSlide div {
    display: table-cell;
    vertical-align: middle
}

.c-feature-products .feature-product-carosel .mainSlide div span {
    display: block;
    border-bottom: none
}

.c-feature-products .feature-product-carosel .mainSlide .box {
    padding: 20px;
    border: solid 1px #ccc;
    display: block;
    margin-left: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative
}

.c-feature-products .feature-product-carosel .mainSlide .featuremore {
    position: absolute;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .c-feature-products .feature-product-carosel .mainSlide .featuremore {
        margin-top: 20px
    }
}

.c-feature-products .products-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start
}

.c-feature-products .products-list ul li {
    margin-right: 40px;
    justify-content: space-between;
    list-style-type: none
}

.c-feature-products .products-list ul li:last-child {
    margin-right: 0
}

.c-feature-products .products-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px;
    padding: 0
}

.c-feature-products .products-list ul li p {
    display: block
}

.c-feature-products .g-arrow-container {
    right: 34%;
    top: 45%;
    bottom: auto;
    left: auto;
    transform: none
}

@media only screen and (max-width: 1440px) {
    .c-feature-products .g-arrow-container {
        right: calc( 100% - 72.5%)
    }
}

@media only screen and (max-width: 1439px) {
    .c-feature-products .g-arrow-container {
        right: calc( 100% - 75%)
    }
}

@media only screen and (max-width: 1365px) {
    .c-feature-products .g-arrow-container {
        right: calc( 100% - 80%);
        top: 50%
    }
}

@media only screen and (max-width: 767px) {
    .c-feature-products .g-arrow-container {
        right: 30px;
        top: 25%;
        transform: none
    }
}

.c-decor-solutions {
    overflow: hidden
}

.c-decor-solutions .g-arrow-container {
    visibility: hidden
}

@media only screen and (max-width: 767px) {
    .c-decor-solutions .g-arrow-container {
        display: flex;
        visibility: visible;
        bottom: -20px
    }
}

.c-decor-solutions .decor-solutions-carosel {
    display: flex;
    align-self: stretch;
    justify-content: space-between
}

@media only screen and (max-width: 440px) {
    .c-decor-solutions .decor-solutions-carosel {
        margin: 0 -15px
    }
}

.c-decor-solutions .decor-solutions-list {
    width: 31%;
    vertical-align: top;
    background-color: #ffffff;
    text-align: center;
    padding: 40px;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media only screen and (max-width: 767px) {
    .c-decor-solutions .decor-solutions-list {
        width: 585px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 600px) {
    .c-decor-solutions .decor-solutions-list {
        width: 435px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 440px) {
    .c-decor-solutions .decor-solutions-list {
        width: 335px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 375px) {
    .c-decor-solutions .decor-solutions-list {
        width: 335px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 360px) {
    .c-decor-solutions .decor-solutions-list {
        width: 285px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 321px) {
    .c-decor-solutions .decor-solutions-list {
        width: 235px;
        margin-right: 15px
    }
}

.c-decor-solutions .decor-solutions-list:last-child {
    margin-right: 0
}

.c-decor-solutions .decor-solutions-list h5 {
    display: block;
    margin: 15px 0px;
    margin-top: 30px
}

@media only screen and (max-width: 440px) {
    .c-decor-solutions .decor-solutions-list h5 {
        margin-top: 25px
    }
}

.c-decor-solutions .decor-solutions-list p {
    display: block;
    line-height: 22px
}

.c-decor-solutions .decor-solutions-list img {
    margin: 0px auto;
    height: 84px
}

.dot-bg {
    background: url(clientlib-site-revised/images/dot-bg.jpg) repeat center top;
    padding: 50px 0
}

.c-tools {
    position: relative
}

.c-tools:before {
    position: absolute;
    content: "";
    left: 20px;
    bottom: 0;
    height: calc(100% - 40px);
    background-color: #f6f6f6
}

.c-tools .tools-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center
}

.c-tools .tools-list ul li {
    width: 25%;
    display: inline-block;
    padding: 0 5px
}

.c-tools .tools-list ul li h5 {
    padding-top: 15px;
    font-family: "Open Sans"
}

@media only screen and (max-width: 440px) {
    .c-tools .tools-list ul li h5 {
        padding-top: 0px
    }
}

.c-tools .why-us-tools-list ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.c-tools .why-us-tools-list ul li {
    width: calc(33.33% - 5px);
    display: inline-block;
    padding: 0 5px;
    vertical-align: top
}

.c-tools .why-us-tools-list ul li h5 {
    padding-top: 15px;
    font-family: "Open Sans Semibold"
}

@media only screen and (max-width: 440px) {
    .c-tools .why-us-tools-list ul li h5 {
        padding-top: 0px
    }
}

.c-tools .mainSlide {
    position: relative;
    top: 0;
    left: 0;
    display: table
}

.c-tools .mainSlide div {
    display: table-cell;
    vertical-align: middle
}

.c-tools .mainSlide div img {
    width: 100%
}

.c-tools .mainSlide div:first-child {
    width: 25%
}

.c-tools h5 {
    display: block;
    margin: 15px 0px;
    margin-top: 30px
}

@media only screen and (max-width: 440px) {
    .c-tools h5 {
        margin-top: 15px
    }
}

.c-service-provider .col-xs-12.col-sm-6 {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .c-tools .why-us-tools-list ul li {
        min-height: 320px
    }
}

@media only screen and (max-width: 767px) {
    .c-tools .why-us-tools-list ul li {
        width: 100%;
        margin-bottom: 30px
    }
}

.c-inspiring-decor {
    position: relative;
    padding-bottom: 40px
}

.c-inspiring-decor:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0px;
    height: calc(100% - 30%);
    background-color: #f6f6f6;
    width: 95%;
    z-index: -1
}

.c-inspiring-decor .mainSlide {
    height: auto
}

.c-inspiring-decor .mainSlide h5 {
    margin-bottom: 50px
}

.c-inspiring-decor .mainSlide div {
    display: table-cell;
    vertical-align: bottom
}

.c-inspiring-decor .mainSlide div img {
    width: 100%
}

.c-inspiring-decor .mainSlide div:first-child {
    width: 25%;
    padding: 40px 40px 40px 0
}

@media only screen and (max-width: 1440px) {
    .c-inspiring-decor .mainSlide div:first-child {
        padding: 40px 40px 40px 25px
    }
}

.c-inspiring-decor .section-header,
.c-inspiring-decor .storelocator .h2,
.storelocator .c-inspiring-decor .h2,
.c-inspiring-decor .contractorlocator h2,
.contractorlocator .c-inspiring-decor h2,
.c-inspiring-decor .howWorksPLP h2,
.howWorksPLP .c-inspiring-decor h2,
.c-inspiring-decor h2.custom-getInspiredPLP {
    position: absolute;
    top: 50%;
    transform: translatey(-50%)
}

@media only screen and (max-width: 991px) {
    .c-inspiring-decor .section-header,
    .c-inspiring-decor .storelocator .h2,
    .storelocator .c-inspiring-decor .h2,
    .c-inspiring-decor .contractorlocator h2,
    .contractorlocator .c-inspiring-decor h2,
    .c-inspiring-decor .howWorksPLP h2,
    .howWorksPLP .c-inspiring-decor h2,
    .c-inspiring-decor h2.custom-getInspiredPLP {
        top: 40%
    }
}

@media only screen and (max-width: 767px) {
    .c-inspiring-decor .section-header,
    .c-inspiring-decor .storelocator .h2,
    .storelocator .c-inspiring-decor .h2,
    .c-inspiring-decor .contractorlocator h2,
    .contractorlocator .c-inspiring-decor h2,
    .c-inspiring-decor .howWorksPLP h2,
    .howWorksPLP .c-inspiring-decor h2,
    .c-inspiring-decor h2.custom-getInspiredPLP {
        top: 50%
    }
}

.c-inspiring-decor .g-arrow-container {
    left: 19%;
    top: auto;
    bottom: 30px;
    right: auto;
    transform: none
}

@media only screen and (max-width: 1440px) {
    .c-inspiring-decor .g-arrow-container {
        left: calc(100% - 90%);
        right: auto
    }
}

@media only screen and (max-width: 1440px) {
    .c-inspiring-decor .g-arrow-container {
        left: calc(100% - 91.5%);
        right: auto
    }
}

@media only screen and (max-width: 1365px) {
    .c-inspiring-decor .g-arrow-container {
        left: calc(100% - 95%);
        right: auto
    }
}

@media only screen and (max-width: 767px) {
    .c-inspiring-decor .g-arrow-container {
        left: auto;
        right: 30px;
        bottom: 55%
    }
}

.c-buy-online .grey-box {
    position: relative;
    margin: auto;
    height: auto;
    background-color: #f6f6f6;
    padding: 15px
}

.c-buy-online .card-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.c-buy-online .card-box .left {
    width: 30%
}

.c-buy-online .card-box .left>ul {
    margin: 0;
    padding: 0
}

.c-buy-online .card-box .left>ul>li {
    border: solid 1px #efefef;
    list-style: none;
    display: list-item;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.c-buy-online .card-box .left>ul>li a {
    color: #444
}

.c-buy-online .card-box .left>ul>li a>img {
    width: 100%
}

.c-buy-online .card-box .middle {
    width: 33.7%
}

.c-buy-online .card-box .middle>ul {
    margin: 0;
    padding: 0
}

.c-buy-online .card-box .middle>ul li {
    border: solid 1px #efefef;
    list-style: none;
    display: list-item;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.c-buy-online .card-box .middle>ul li a {
    color: #444
}

.c-buy-online .card-box .middle>ul li a>img {
    width: 100%
}

.c-buy-online .card-box .right {
    width: 30%
}

.c-buy-online .card-box .right>ul {
    margin: 0;
    padding: 0
}

.c-buy-online .card-box .right>ul li {
    border: solid 1px #efefef;
    list-style: none;
    display: list-item;
    margin-bottom: 30px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.c-buy-online .card-box .right>ul li a {
    color: #444
}

.c-buy-online .card-box .right>ul li a>img {
    width: 100%
}

.c-buy-online .buy-online-desk {
    display: block
}

@media only screen and (max-width: 767px) {
    .c-buy-online .buy-online-desk {
        display: none
    }
}

.c-buy-online-mob-carosel-box .c-buy-online-mob-carosel {
    display: none
}

.c-buy-online-mob-carosel-box .c-buy-online-mob-carosel .slick-slide {
    height: auto
}

@media only screen and (max-width: 767px) {
    .c-buy-online-mob-carosel-box .c-buy-online-mob-carosel {
        display: block
    }
}

.c-buy-online-mob-carosel-box .g-arrow-container {
    visibility: hidden
}

@media only screen and (max-width: 767px) {
    .c-buy-online-mob-carosel-box .g-arrow-container {
        bottom: 25px;
        visibility: visible
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-buy-online-sub .buy-online-carosel .mainSlide div:last-child {
        padding: 0px 20px !important
    }
    .c-buy-online-sub .buy-online-carosel .mainSlide div {
        vertical-align: top !important
    }
}

.c-buy-online-sub {
    position: relative
}

.c-buy-online-sub:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -40px;
    height: calc(100% - 15%);
    background-color: #f6f6f6;
    width: 95%;
    z-index: -1
}

.c-buy-online-sub .buy-online-carosel .mainSlide {
    height: auto;
    outline: none
}

.c-buy-online-sub .buy-online-carosel .mainSlide div {
    display: table-cell;
    vertical-align: bottom
}

.c-buy-online-sub .buy-online-carosel .mainSlide div img {
    width: 100%
}

.c-buy-online-sub .buy-online-carosel .mainSlide div:last-child {
    padding: 20px;
    width: 295px
}

.c-buy-online-sub .buy-online-carosel .mainSlide div .section-header,
.c-buy-online-sub .buy-online-carosel .mainSlide div .storelocator .h2,
.storelocator .c-buy-online-sub .buy-online-carosel .mainSlide div .h2,
.c-buy-online-sub .buy-online-carosel .mainSlide div .contractorlocator h2,
.contractorlocator .c-buy-online-sub .buy-online-carosel .mainSlide div h2,
.c-buy-online-sub .buy-online-carosel .mainSlide div .howWorksPLP h2,
.howWorksPLP .c-buy-online-sub .buy-online-carosel .mainSlide div h2,
.c-buy-online-sub .buy-online-carosel .mainSlide div h2.custom-getInspiredPLP {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .c-buy-online-sub .buy-online-carosel .mainSlide div .section-header,
    .c-buy-online-sub .buy-online-carosel .mainSlide div .storelocator .h2,
    .storelocator .c-buy-online-sub .buy-online-carosel .mainSlide div .h2,
    .c-buy-online-sub .buy-online-carosel .mainSlide div .contractorlocator h2,
    .contractorlocator .c-buy-online-sub .buy-online-carosel .mainSlide div h2,
    .c-buy-online-sub .buy-online-carosel .mainSlide div .howWorksPLP h2,
    .howWorksPLP .c-buy-online-sub .buy-online-carosel .mainSlide div h2,
    .c-buy-online-sub .buy-online-carosel .mainSlide div h2.custom-getInspiredPLP {
        padding: 15px 0
    }
}

.c-buy-online-sub .link-text {
    display: block
}

.c-buy-online-sub .global-button,
.c-buy-online-sub .bookAppointmentPLP .btn-style3,
.bookAppointmentPLP .c-buy-online-sub .btn-style3 {
    display: inline-block
}

.c-buy-online-sub .h2 .section-header::before,
.c-buy-online-sub .contractorlocator h2 .section-header::before,
.contractorlocator .c-buy-online-sub h2 .section-header::before,
.c-buy-online-sub .howWorksPLP h2 .section-header::before,
.howWorksPLP .c-buy-online-sub h2 .section-header::before,
.c-buy-online-sub h2.custom-getInspiredPLP .section-header::before,
.c-buy-online-sub .h2 .storelocator .h2::before,
.storelocator .c-buy-online-sub .h2 .h2::before,
.c-buy-online-sub .contractorlocator h2 .storelocator .h2::before,
.storelocator .c-buy-online-sub .contractorlocator h2 .h2::before,
.contractorlocator .c-buy-online-sub h2 .storelocator .h2::before,
.storelocator .contractorlocator .c-buy-online-sub h2 .h2::before,
.c-buy-online-sub .howWorksPLP h2 .storelocator .h2::before,
.storelocator .c-buy-online-sub .howWorksPLP h2 .h2::before,
.howWorksPLP .c-buy-online-sub h2 .storelocator .h2::before,
.storelocator .howWorksPLP .c-buy-online-sub h2 .h2::before,
.c-buy-online-sub h2.custom-getInspiredPLP .storelocator .h2::before,
.storelocator .c-buy-online-sub h2.custom-getInspiredPLP .h2::before,
.c-buy-online-sub .storelocator .contractorlocator h2 h2::before,
.storelocator .c-buy-online-sub .contractorlocator h2 h2::before,
.storelocator .contractorlocator .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .contractorlocator h2 .storelocator h2::before,
.c-buy-online-sub .contractorlocator .storelocator h2 h2::before,
.contractorlocator .c-buy-online-sub h2 .storelocator h2::before,
.contractorlocator .storelocator .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .storelocator .howWorksPLP h2 h2::before,
.storelocator .c-buy-online-sub .howWorksPLP h2 h2::before,
.storelocator .howWorksPLP .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .howWorksPLP h2 .storelocator h2::before,
.c-buy-online-sub .howWorksPLP .storelocator h2 h2::before,
.howWorksPLP .c-buy-online-sub h2 .storelocator h2::before,
.howWorksPLP .storelocator .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .h2 .contractorlocator h2::before,
.contractorlocator .c-buy-online-sub .h2 h2::before,
.c-buy-online-sub .contractorlocator h2 h2::before,
.contractorlocator .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .howWorksPLP h2 .contractorlocator h2::before,
.contractorlocator .c-buy-online-sub .howWorksPLP h2 h2::before,
.howWorksPLP .c-buy-online-sub h2 .contractorlocator h2::before,
.contractorlocator .howWorksPLP .c-buy-online-sub h2 h2::before,
.c-buy-online-sub h2.custom-getInspiredPLP .contractorlocator h2::before,
.contractorlocator .c-buy-online-sub h2.custom-getInspiredPLP h2::before,
.c-buy-online-sub .h2 .howWorksPLP h2::before,
.howWorksPLP .c-buy-online-sub .h2 h2::before,
.c-buy-online-sub .contractorlocator h2 .howWorksPLP h2::before,
.howWorksPLP .c-buy-online-sub .contractorlocator h2 h2::before,
.contractorlocator .c-buy-online-sub h2 .howWorksPLP h2::before,
.howWorksPLP .contractorlocator .c-buy-online-sub h2 h2::before,
.c-buy-online-sub .howWorksPLP h2 h2::before,
.howWorksPLP .c-buy-online-sub h2 h2::before,
.c-buy-online-sub h2.custom-getInspiredPLP .howWorksPLP h2::before,
.howWorksPLP .c-buy-online-sub h2.custom-getInspiredPLP h2::before,
.c-buy-online-sub .h2 h2.custom-getInspiredPLP::before,
.c-buy-online-sub .contractorlocator h2 h2.custom-getInspiredPLP::before,
.contractorlocator .c-buy-online-sub h2 h2.custom-getInspiredPLP::before,
.c-buy-online-sub .howWorksPLP h2 h2.custom-getInspiredPLP::before,
.howWorksPLP .c-buy-online-sub h2 h2.custom-getInspiredPLP::before,
.c-buy-online-sub h2.custom-getInspiredPLP h2.custom-getInspiredPLP::before {
    left: -45px
}

.c-buy-online-sub .g-arrow-container {
    right: 30%;
    bottom: -5px;
    left: auto;
    transform: none
}

@media only screen and (max-width: 1440px) {
    .c-buy-online-sub .g-arrow-container {
        right: calc(100% - 77.5%)
    }
}

@media only screen and (max-width: 767px) {
    .c-buy-online-sub .g-arrow-container {
        right: 30px;
        bottom: -20px
    }
}

footer.footer_unification{
    margin-top: 0 !important
}

footer {
    margin-top: 40px !important
}

@media only screen and (max-width: 767px) {
    footer {
        padding-bottom: 50px;
        background-color: #333;
    }
}

.footer-box {
    background-color: #444
}

.footer-box .social-icon {
    text-align: center
}

.footer-box .social-icon ul {
    margin: 0 0 10px 0;
    text-align: center
}

.footer-box .social-icon ul>li {
    list-style: none;
    display: inline
}

.footer-box .social-icon ul>li a {
    background: url(clientlib-site-revised/images/social-sprite.png);
    width: 34px;
    height: 35px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block
}

.footer-box .social-icon ul>li a.fb {
    background-position: 8px 3px
}

.footer-box .social-icon ul>li a.tt {
    background-position: -36px 3px
}

.footer-box .social-icon ul>li a.pin {
    background-position: -82px 3px
}

.footer-box .social-icon ul>li a.insta {
    background-position: -131px 3px
}

.footer-box .social-icon ul>li a.yt {
    background-position: -181px 3px
}

.footer-box .four-column ul {
    margin: 20px 0 10px 0;
    padding: 0
}

.footer-box .four-column ul>li {
    width: 25%;
    list-style: none;
    float: left
}

.footer-box .four-column ul>li>ul {
    margin: 0;
    padding: 0
}

.footer-box .four-column ul>li>ul>li {
    color: #fff;
    width: 100%;
    list-style: none;
    display: list-item;
    font-family: "Open Sans";
    font-size: 13px;
    margin-bottom: 10px
}

.footer-box .four-column ul>li>ul>li>a {
    color: #fff
}

.footer-box .four-column ul>li>ul>li>a:hover {
    color: #cbcbcb
}

.footer-box .three-column ul {
    margin: 40px 0 40px 0;
    padding: 0
}

.footer-box .three-column ul>li {
    width: 33.33%;
    list-style: none;
    float: left
}

.footer-box .three-column ul>li>ul {
    margin: 0;
    padding: 0
}

.footer-box .three-column ul>li>ul>li {
    color: #fff;
    width: 100%;
    list-style: none;
    display: list-item;
    font-family: "Open Sans";
    font-size: 13px;
    margin-bottom: 10px
}

.footer-box .three-column ul>li>ul>li>a {
    color: #fff
}

.footer-box .three-column ul>li>ul>li>a:hover {
    color: #cbcbcb
}

.footer-box .note {
    font-family: "Open Sans";
    font-size: 13px;
    color: #e1dede;
    margin: 20px 0 20px 0;
    padding: 0;
    position: relative;
    line-height: 18px
}

.footer-box .note a {
    color: #fff;
    display: block;
    padding: 10px 0
}

.footer-box .note a:hover {
    color: #cbcbcb
}

.footer-box .note:before {
    content: "";
    background-color: #575757;
    width: 1px;
    height: calc( 100% - -40%);
    top: 0;
    position: absolute;
    left: -45px
}

.knowmore {
    position: relative
}

.knowmore:before {
    content: url(clientlib-site-revised/images/know-more-arrow.png);
    color: #fff;
    position: absolute;
    right: calc(100% - 90px);
    top: 55%;
    transform: translateY(-50%)
}

.curve {
    margin: 10px 0;
    text-align: center
}

.footer-sub-box {
    background-color: #333333;
    font-family: "Open Sans";
    font-size: 12px;
    color: #e1dede;
    padding: 10px 0
}

.footer-sub-box ul {
    margin: 0;
    pdding: 0;
    float: right
}

.footer-sub-box ul li {
    list-style: none;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    color: #e1dede;
    position: relative;
    margin: 0 13px 0 13px
}

.footer-sub-box ul li a {
    color: #fff
}

.footer-sub-box ul li a:hover {
    color: #cbcbcb
}

.footer-sub-box ul li:after {
    content: "";
    background-color: #575757;
    width: 1px;
    height: 15px;
    top: 0;
    position: absolute;
    right: -15px
}

.footer-sub-box ul li:last-child:after {
    content: none
}

.c-sticky-box {
    box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    padding-right: 25px;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0px;
    background-color: #838383;
    z-index: 10
}

.c-sticky-box ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-sticky-box ul li {
    color: #fff;
    font-family: "Open Sans";
    font-size: 12px;
    padding: 15px 20px;
    text-align: center
}

.c-sticky-box ul li a {
    color: #fff;
    line-height: 20px;
    position: relative;
    display: block
}

.c-sticky-box ul li a:hover {
    color: #ccc
}

.c-sticky-box ul li a span {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.c-sticky-box ul li:first-child {
    border-right: solid 1px #ffffff
}

.c-sticky-box ul li:last-child {
    border-right: solid 0px #ffffff
}

@media only screen and (max-width: 767px) {
    .c-sticky-box ul li {
        padding: 15px 5px
    }
    .c-sticky-box ul li:first-child {
        width: 40%
    }
    .c-sticky-box ul li:last-child {
        width: 60%
    }
}

@media only screen and (max-width: 991px) {
    .c-sticky-box {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .c-sticky-box {
        width: 100%;
        max-width: 100%;
        display: block;
        font-size: 11px;
        padding: 0px
    }
}

.c-sticky-box>div {
    width: 50px;
    height: 52px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #838383;
    position: absolute;
    right: -25px;
    top: 0px
}

.c-sticky-box .circle img {
    position: absolute;
    right: 4px;
    bottom: 4px;
    cursor: pointer;
    z-index: 10;
    transform: rotate(180deg)
}

@media only screen and (max-width: 767px) {
    .c-sticky-box .circle {
        display: none
    }
}

.c-sticky-box .circle.open img {
    transform: rotate(0deg)
}

.c-sticky-filter-mob-box {
    box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 100%;
    background-color: #838383;
    z-index: 10
}

.c-sticky-filter-mob-box ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-sticky-filter-mob-box ul li {
    color: #fff;
    font-family: "Open Sans";
    font-size: 15px;
    padding: 10px;
    text-align: center;
    width: 50%
}

.c-sticky-filter-mob-box ul li a {
    color: #fff;
    position: relative;
    display: block
}

.c-sticky-filter-mob-box ul li a:hover {
    color: #ccc
}

.c-sticky-filter-mob-box ul li a span {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.c-sticky-filter-mob-box ul li:first-child {
    border-right: solid 1px #ffffff
}

.c-sticky-filter-mob-box ul li:last-child {
    border-right: solid 0px #ffffff
}

@media only screen and (max-width: 767px) {
    .c-sticky-filter-mob-box {
        display: block
    }
}

.c-buyonline-product .buyonline-product-listing ul li {
    padding: 0 10px 0 10px;
    width: calc(25% - 5px);
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px
}

.c-buyonline-product .buyonline-product-listing ul li a {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .c-buyonline-product .buyonline-product-listing ul li {
        width: 46%;
        display: inline-block;
        margin: 0 10px 40px 10px
    }
}

@media only screen and (max-width: 479px) {
    .c-buyonline-product .buyonline-product-listing ul li {
        margin: 0 0 40px 0;
        width: calc(50% - 5px)
    }
}

.c-buyonline-product .buyonline-product-listing ul li img {
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    width: 100% !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: transparent
}

.c-buyonline-product .buyonline-product-listing ul li p {
    padding: 15px 0 15px 0;
    font-size: 16px;
    margin-bottom: 0 !important
}

@media only screen and (max-width: 479px) {
    .c-buyonline-product .buyonline-product-listing ul li p {
        padding: 10px 0 10px 0;
        font-size: 14px;
        line-height: 18px
    }
}

.c-buyonline-product .buyonline-product-listing ul li div {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 479px) {
    .c-buyonline-product .buyonline-product-listing ul li div {
        display: block;
        align-items: center
    }
    .c-buy-online-shop-to-home-page .amount-box{
        display: flex;
    }
}

.c-buyonline-product .buyonline-product-listing ul li .green-text {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #459901
}

.c-buyonline-product .buyonline-product-listing ul li .amt-line {
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    text-decoration: line-through;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 479px) {
    .c-buyonline-product .buyonline-product-listing ul li .amt-line {
        font-size: 16px
    }
}

.c-buyonline-product .buyonline-product-listing ul li .amt {
    color: #444;
    font-family: "Open Sans Semibold";
    font-size: 20px;
    margin: 0 20px 0 0
}

@media only screen and (max-width: 479px) {
    .c-buyonline-product .buyonline-product-listing ul li .amt {
        font-size: 20px;
        margin: 5px 20px 5px 0;
        display: block
    }
}

@media only screen and (max-width: 991px) {
    .c-buyonline-product .buyonline-product-listing ul {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    .c-buyonline-product .buyonline-product-listing ul {
        display: block
    }
}

.c-light {
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    opacity: 1;
    overflow: hidden;
    z-index: 1000;
    left: 0px;
    top: -100%;
    height: 100%
}

.c-light .lightbox-target {
    position: absolute;
    height: 100%;
    width: 100%
}

.c-light .lightbox-target img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-sizing: border-box
}

.c-light .lightbox-target .text-box {
    position: absolute;
    max-width: 80%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #fff
}

.c-light .lightbox-target .text-box p {
    text-align: center;
    color: #fff;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 20px
}

.c-light .lightbox-target .text-box h1 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box h2 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box h3 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box h4 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box h5 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box .h1 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box .h2,
.c-light .lightbox-target .text-box .contractorlocator h2,
.contractorlocator .c-light .lightbox-target .text-box h2,
.c-light .lightbox-target .text-box .howWorksPLP h2,
.howWorksPLP .c-light .lightbox-target .text-box h2,
.c-light .lightbox-target .text-box h2.custom-getInspiredPLP {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box .h3,
.c-light .lightbox-target .text-box .typography h3,
.typography .c-light .lightbox-target .text-box h3 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box .h4,
.c-light .lightbox-target .text-box .typography h4,
.typography .c-light .lightbox-target .text-box h4,
.c-light .lightbox-target .text-box .pbc_leads_form h3,
.pbc_leads_form .c-light .lightbox-target .text-box h3,
.c-light .lightbox-target .text-box .cmmnt-lisitng h3,
.cmmnt-lisitng .c-light .lightbox-target .text-box h3 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target .text-box .h5,
.c-light .lightbox-target .text-box .typography h5,
.typography .c-light .lightbox-target .text-box h5,
.c-light .lightbox-target .text-box .whyUsPLP .columnWrapPLP .contentWrap h2,
.whyUsPLP .columnWrapPLP .contentWrap .c-light .lightbox-target .text-box h2,
.c-light .lightbox-target .text-box .offeringPLP .overlapContent .innerContent h2,
.offeringPLP .overlapContent .innerContent .c-light .lightbox-target .text-box h2 {
    color: #fff;
    text-align: center
}

.c-light .lightbox-target-img {
    position: absolute;
    height: 100%;
    width: 100%
}

.c-light .lightbox-target-img img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-sizing: border-box
}

.c-light .lightbox-target-img .text-box {
    position: absolute;
    max-width: 80%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #fff
}

.c-light .lightbox-target-img .text-box p {
    text-align: center;
    color: #fff;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 20px
}

.c-light .lightbox-close {
    display: block;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    background: #d6330d;
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    cursor: pointer
}

.c-light .lightbox-close:before {
    content: "";
    display: block;
    height: 20px;
    width: 2px;
    background: #fff;
    position: absolute;
    left: 15px;
    top: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-light .lightbox-close:after {
    content: "";
    display: block;
    height: 20px;
    width: 2px;
    background: #fff;
    position: absolute;
    left: 15px;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-light.open {
    opacity: 1;
    top: 0;
    bottom: 0
}

.c-light.open img {
    max-height: 100%;
    max-width: 100%
}

.c-light.open .lightbox-close {
    top: 0px
}

body.no-scroll {
    -webkit-overflow-scrolling: touch;
    overflow: hidden
}

body.scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.c-tile {
    position: relative
}

.c-tile img {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 5px
}

.c-tile h3 {
    margin-bottom: 40px
}

@media only screen and (max-width: 640px) {
    .c-tile h3 {
        margin-bottom: 20px
    }
}

.c-tile .products-list ul li {
    margin-bottom: 40px;
    justify-content: space-between;
    list-style-type: none
}

.c-tile .products-list ul li:last-child {
    margin-right: 0
}

.c-tile .products-list ul li h4 {
    display: block;
    margin: 15px 0 0 0px
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul li h4 {
        display: none
    }
}

.c-tile .products-list ul li p {
    display: block
}

@media only screen and (max-width: 640px) {
    .c-tile .products-list ul li {
        width: 100%
    }
}

.c-tile .products-list ul li .product-small-box a.link-text {
    display: block;
    margin: 15px 0 0 0px
}

.c-tile .products-list ul li .product-small-box div {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    overflow: hidden
}

.c-tile .products-list ul li .product-small-box div .c-overlaycontent {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 15px;
    display: flex;
    align-items: center;
    background-color: rgba(115, 80, 172, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(115, 80, 172, 0.8), endColorstr=rgba(191, 160, 241, 0.8));
    background-image: -moz-linear-gradient(center top, rgba(115, 80, 172, 0.8), rgba(191, 160, 241, 0.8));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(115, 80, 172, 0.8)), to(rgba(191, 160, 241, 0.8)));
    transform: translateY(100%)
}

.c-tile .products-list ul li .product-small-box div .c-overlaycontent h4 {
    display: none
}

.c-tile .products-list ul li .product-small-box div .c-overlaycontent p {
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul li .product-small-box div .c-overlaycontent p {
        padding: 0px;
        color: #444
    }
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul li .product-small-box div .c-overlaycontent {
        position: relative;
        height: auto;
        transform: none;
        background: #fff;
        padding: 0px;
        margin-top: 10px
    }
}

.c-tile .products-list ul li:hover .product-small-box .c-overlaycontent {
    transform: translateY(0%)
}

@media only screen and (max-width: 640px) {
    .c-tile .products-list ul li:hover .product-small-box .c-overlaycontent {
        transform: none
    }
}

.c-tile .products-list ul.c-offering-carousel.slick-slider {
    position: relative
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
    height: auto;
    margin-bottom: 0px
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide p {
    display: block;
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide p {
        color: #444
    }
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide h4 {
    display: none;
    margin: 15px 0 0 0px
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide h4 {
        margin-top: 0px
    }
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box a.link-text {
    display: block;
    margin: 15px 0 0 0px
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    overflow: hidden
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
    width: 100%;
    height: 100%;
    background-color: rgba(115, 80, 172, 0.8);
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 15px;
    background-color: rgba(115, 80, 172, 0.8);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=rgba(115, 80, 172, 0.8), endColorstr=rgba(115, 80, 172, 0.8));
    background-image: -moz-linear-gradient(center top, rgba(115, 80, 172, 0.8), rgba(115, 80, 172, 0.8));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(115, 80, 172, 0.8)), to(rgba(115, 80, 172, 0.8)));
    transform: translateY(100%)
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent h4 {
    display: block;
    margin-bottom: 10px
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
        padding: 0px;
        color: #444
    }
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
        position: relative;
        height: auto;
        transform: none;
        background: #7350ac;
        padding: 0px;
        margin-top: 10px;
        color: #fff
    }
}

.c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
    transform: translateY(0%)
}

@media only screen and (max-width: 640px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 585px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 600px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 435px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 440px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 335px;
        margin-right: 0px;
        padding: 15px 15px
    }
}

@media only screen and (max-width: 375px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 335px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 360px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 285px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 321px) {
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide {
        width: 265px;
        margin-right: 0px
    }
}

.c-tile .products-list ul.c-offering-carousel.slick-slider .slick-dots {
    width: auto
}

.c-tile .products-list ul.c-offering-carousel.slick-slider .slick-dots li {
    width: auto
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider {
    position: relative
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
    transform: scale(1);
    opacity: 0.4;
    transition: .3s ease-in-out all;
    height: auto;
    margin-bottom: 0px
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide.slick-center {
    opacity: 1;
    transform: scale(1.08)
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide p {
    display: block;
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide p {
        color: #444
    }
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide h4 {
    display: none;
    margin: 15px 0 0 0px
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide h4 {
        margin-top: 0px
    }
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box a.link-text {
    display: block;
    margin: 15px 0 0 0px
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    overflow: hidden
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 15px;
    transform: translateY(100%)
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent h4 {
    display: block;
    margin-bottom: 10px
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
        padding: 0px;
        color: #444
    }
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
        position: relative;
        height: auto;
        transform: none;
        padding: 0px;
        margin-top: 10px;
        color: #fff
    }
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
    transform: translateY(0%)
}

@media only screen and (max-width: 640px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 350px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 600px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 330px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 440px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 310px;
        margin-right: 0px;
        padding: 15px 15px
    }
}

@media only screen and (max-width: 375px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 290px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 360px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 270px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 321px) {
    .c-tile .products-list ul.c-decor-offering-carousel.slick-slider li.slick-slide {
        width: 250px;
        margin-right: 0px
    }
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider .slick-dots {
    width: auto
}

.c-tile .products-list ul.c-decor-offering-carousel.slick-slider .slick-dots li {
    width: auto
}

.c-pink-box {
    background-color: #eddfe1
}

.c-pink-box .banner img {
    width: 100%;
    text-align: center
}

.c-pink-box.g-con-row {
    margin: 0 0 40px 0
}

@media only screen and (max-width: 767px) {
    .c-tile .products-list ul li .product-small-box div .c-overlaycontent {
        display: block
    }
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent h4 {
        color: #ffffff
    }
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
        color: #ffffff
    }
    .c-tile .products-list ul.c-offering-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
        padding: 10px
    }
}

.c-breadcrumbs {
    margin-top: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1
}

.c-breadcrumbs ul {
    margin: 0;
    padding: 0
}

.c-breadcrumbs ul li {
    font-size: 13px;
    color: #838383;
    display: inline-block;
    float: left;
    padding: 5px 15px 5px 5px;
    position: relative
}

.c-breadcrumbs ul li a {
    color: #838383
}

.c-breadcrumbs ul li a:hover {
    color: #444
}

.c-breadcrumbs ul li:after {
    content: "/";
    position: absolute;
    text-align: center;
    top: 50%;
    right: 4px;
    font-size: 14px;
    transform: translateY(-50%)
}

.c-breadcrumbs ul li:last-child:after {
    content: none
}

.c-breadcrumbs ul li.active {
    color: #444
}

.c-breadcrumbs-spotlight {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width: 320px) {
    .c-breadcrumbs-spotlight {
        top: 5px
    }
}

.c-virtual-tour {
    position: relative
}

.c-virtual-tour .tour-pic {
    position: relative
}

.c-virtual-tour .tour-pic img {
    width: 100%
}

.c-virtual-tour .tour-pic span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.c-virtual-tour .tour-pic span img {
    width: 100%
}

.c-video-box iframe {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .c-virtual-tour .tour-pic span img {
        width: 50px
    }
    .c-video-box iframe {
        height: 300px
    }
}

.c-gray-box {
    background-color: #f6f6f6
}

.c-reach-us {
    position: relative
}

.c-reach-us .mainSlide {
    display: flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    align-items: center;
    justify-content: space-between
}

.c-reach-us .mainSlide h5 {
    margin-bottom: 25px
}

.c-reach-us .mainSlide .c-map {
    width: 50%
}

.c-reach-us .mainSlide .c-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 300px
}

.c-reach-us .mainSlide .c-map-text {
    display: flex;
    align: center;
    width: 50%;
    padding: 20px 0
}

.c-reach-us .mainSlide .c-map-text .address {
    width: 100%
}

@media only screen and (max-width: 1440px) {
    .c-reach-us .mainSlide .c-map-text .address {
        padding: 40px 40px 40px 25px
    }
}

@media only screen and (max-width: 767px) {
    .c-reach-us .mainSlide {
        display: block
    }
    .c-reach-us .mainSlide .c-map {
        width: 100%
    }
    .c-reach-us .mainSlide .c-map-text {
        width: 100%
    }
    .c-reach-us .mainSlide .c-map img {
        width: 100%;
        height: auto
    }
    .new-search-view {
        width: 95% !important;
        margin: auto
    }
}

.c-brands-carosel {
    width: 100%;
    margin: 0px auto;
    position: relative
}

.c-brands-carosel img {
    width: auto;
    margin: 0 40px
}

.c-brands-carosel .slick-slide {
    height: auto
}

.c-brands-carosel .slick-dots {
    bottom: -30px
}

.c-brands-carosel .slick-dots li button {
    color: #cdcdcd;
    background: #cdcdcd;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

.c-brands-carosel .slick-dots li button::before {
    content: none
}

.c-brands-carosel .slick-dots li.slick-active button {
    background: #7350ac
}

.c-warranty p b {
    font-weight: bold
}

.c-how-it-works {
    background-color: #838383;
    padding: 30px 20px
}

.hiw-slider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.hiw-slider .spbox {
    padding: 50px 10px
}

.hiw-slider .spbox .quotebox {
    position: relative;
    text-align: center
}

.hiw-slider .spbox .quotebox .typography h5,
.typography .hiw-slider .spbox .quotebox h5,
.hiw-slider .spbox .quotebox .h5,
.hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2,
.whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2,
.hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2,
.offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2 {
    color: #fff;
    font-size: 28px;
    padding: 20px 55px;
    line-height: 36px
}

.hiw-slider .spbox .quotebox .typography h5:before,
.typography .hiw-slider .spbox .quotebox h5:before,
.hiw-slider .spbox .quotebox .h5:before,
.hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2:before,
.whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2:before,
.hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2:before,
.offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2:before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(clientlib-site-revised/images/quote1.svg);
    width: 50px;
    height: 50px
}

.hiw-slider .spbox .quotebox .typography h5:after,
.typography .hiw-slider .spbox .quotebox h5:after,
.hiw-slider .spbox .quotebox .h5:after,
.hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2:after,
.whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2:after,
.hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2:after,
.offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: url(clientlib-site-revised/images/quote2.svg);
    width: 50px;
    height: 50px
}

.hiw-slider .spbox .quotebox .typography h5>img,
.typography .hiw-slider .spbox .quotebox h5>img,
.hiw-slider .spbox .quotebox .h5>img,
.hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2>img,
.whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2>img,
.hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2>img,
.offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2>img {
    width: 50%
}

.hiw-slider .spbox p {
    font-family: "Open Sans Semibold";
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 10px 0 5px 0
}

.hiw-slider .spbox p:last-child {
    font-size: 18px;
    font-family: "Open Sans";
    margin: 0 0 30px 0
}

.hiw-slider .slick-dots {
    bottom: 20px
}

.hiw-slider .slick-dots li {
    margin: 0 4px;
    display: inline-block;
    vertical-align: bottom
}

.hiw-slider .slick-dots li button {
    opacity: 0.6;
    padding: 0;
    margin: 0;
    position: absolute;
    border-radius: 100px;
    border: solid 1px transparent
}

.hiw-slider .slick-dots li button:after {
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100px
}

.hiw-slider .slick-dots li button:before {
    display: none
}

.hiw-slider .slick-dots li:hover button {
    opacity: 1
}

.hiw-slider .slick-dots li:hover button:after {
    width: 6px;
    border-radius: 100px;
    height: 6px
}

.hiw-slider .slick-dots li.slick-active button {
    opacity: 1
}

.hiw-slider .slick-dots li.slick-active button:after {
    width: 25px;
    border-radius: 100px;
    height: 6px
}

.hiw-slider .slick-slide {
    height: auto
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hiw-slider .spbox .quotebox .typography h5,
    .typography .hiw-slider .spbox .quotebox h5,
    .hiw-slider .spbox .quotebox .typography h5,
    .typography .hiw-slider .spbox .quotebox h5,
    .hiw-slider .spbox .quotebox .h5,
    .hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2,
    .whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2,
    .hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2,
    .offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2 {
        font-size: 24px;
        padding: 50px 20px;
        line-height: 30px
    }
    .hiw-slider .spbox {
        padding: 30px 10px
    }
}

@media only screen and (max-width: 767px) {
    .c-how-it-works {
        padding: 15px 10px
    }
    .hiw-slider .spbox {
        padding: 10px
    }
    .hiw-slider .spbox .quotebox .typography h5,
    .typography .hiw-slider .spbox .quotebox h5,
    .hiw-slider .spbox .quotebox .typography h5,
    .typography .hiw-slider .spbox .quotebox h5,
    .hiw-slider .spbox .quotebox .h5,
    .hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2,
    .whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2,
    .hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2,
    .offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2 {
        font-size: 18px;
        padding: 50px 20px;
        line-height: 24px
    }
    .hiw-slider .spbox p {
        font-size: 16px
    }
    .hiw-slider .spbox p:last-child {
        font-size: 14px
    }
    .hiw-slider .spbox .quotebox .typography h5:before,
    .typography .hiw-slider .spbox .quotebox h5:before,
    .hiw-slider .spbox .quotebox .typography h5:before,
    .typography .hiw-slider .spbox .quotebox h5:before,
    .hiw-slider .spbox .quotebox .h5:before,
    .hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2:before,
    .whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2:before,
    .hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2:before,
    .offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2:before {
        width: 35px;
        height: 35px
    }
    .hiw-slider .spbox .quotebox .typography h5:after,
    .typography .hiw-slider .spbox .quotebox h5:after,
    .hiw-slider .spbox .quotebox .typography h5:after,
    .typography .hiw-slider .spbox .quotebox h5:after,
    .hiw-slider .spbox .quotebox .h5:after,
    .hiw-slider .spbox .quotebox .whyUsPLP .columnWrapPLP .contentWrap h2:after,
    .whyUsPLP .columnWrapPLP .contentWrap .hiw-slider .spbox .quotebox h2:after,
    .hiw-slider .spbox .quotebox .offeringPLP .overlapContent .innerContent h2:after,
    .offeringPLP .overlapContent .innerContent .hiw-slider .spbox .quotebox h2:after {
        width: 35px;
        height: 35px
    }
}

.c-book-an-appointment .container {
    text-align: center;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.c-book-an-appointment .container .h2,
.c-book-an-appointment .container .contractorlocator h2,
.contractorlocator .c-book-an-appointment .container h2,
.c-book-an-appointment .container .howWorksPLP h2,
.howWorksPLP .c-book-an-appointment .container h2,
.c-book-an-appointment .container h2.custom-getInspiredPLP {
    display: inline-block
}

.c-book-an-appointment .container ul {
    width: 100%;
    float: left;
    padding: 0
}

.c-book-an-appointment .container ul li {
    width: calc(25% - 4px);
    float: none;
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #fff
}

.c-book-an-appointment .container ul li span {
    font-size: 100px;
    color: #444444;
    opacity: 0.15;
    line-height: 70px;
    display: block;
    font-weight: 700
}

.c-book-an-appointment .container ul li .overlapContent {
    position: relative;
    top: -10px;
    background-color: #fff;
    padding: 10px
}

.c-book-an-appointment .container ul li .overlapContent p {
    width: 100%;
    max-width: 100%;
    margin: 10px 0 0
}

.c-book-an-appointment .globalformbox {
    text-align: left
}

.c-book-an-appointment .globalformbox .section-header,
.c-book-an-appointment .globalformbox .storelocator .h2,
.storelocator .c-book-an-appointment .globalformbox .h2,
.c-book-an-appointment .globalformbox .contractorlocator h2,
.contractorlocator .c-book-an-appointment .globalformbox h2,
.c-book-an-appointment .globalformbox .howWorksPLP h2,
.howWorksPLP .c-book-an-appointment .globalformbox h2,
.c-book-an-appointment .globalformbox h2.custom-getInspiredPLP {
    background-color: #fff
}

.c-book-an-appointment .globalformbox .h4,
.c-book-an-appointment .globalformbox .typography h4,
.typography .c-book-an-appointment .globalformbox h4,
.c-book-an-appointment .globalformbox .pbc_leads_form h3,
.pbc_leads_form .c-book-an-appointment .globalformbox h3,
.c-book-an-appointment .globalformbox .cmmnt-lisitng h3,
.cmmnt-lisitng .c-book-an-appointment .globalformbox h3 {
    padding: 0 30px;
    display: inline-block;
    background-color: #fff;
    margin-top: -10px
}

.c-book-an-appointment .globalformbox ul {
    width: 100%
}

.c-book-an-appointment .globalformbox ul li {
    width: calc(25% - 60px);
    margin: 0 30px;
    float: left;
    list-style-type: none;
    padding: 0;
    position: relative;
    background-color: transparent
}

.c-book-an-appointment .globalformbox ul li input[type="text"] {
    border-bottom: 1px solid #000000;
    padding: 10px 0
}

.c-book-an-appointment .globalformbox ul li:last-child {
    width: 100%;
    margin: 70px 0 0;
    position: relative;
    top: 12px;
    text-align: center
}

.c-book-an-appointment .globalformbox ul li:last-child .redBtn {
    display: block;
    margin: 0 auto
}

.c-book-an-appointment .globalformbox ul li .focusLine {
    width: 0%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10px;
    background-color: #7350ac
}

.c-book-an-appointment .globalformbox:after {
    content: '';
    width: calc(100% - 30px);
    height: 90%;
    border: 1px solid #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    display: block
}

.c-book-an-appointment .globalformbox ul li input[type="text"]:focus ~ .focusLine {
    width: calc(100% - 40px)
}

.c-book-an-appointment .globalformbox ul li {
    background-color: transparent !important
}

.c-book-box {
    margin: 30px 0 !important;
    position: relative;
    z-index: 1
}

.c-book-box .form-box {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    width: 100% important;
    text-align: center
}

.c-book-box .form-box input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.c-book-box .form-box .form-indicator {
    position: absolute;
    top: -2px;
    left: 0;
    height: 18px;
    width: 18px;
    background: transparent
}

.c-book-box .form-box .form-indicator {
    border: solid 1px #838383
}

.c-book-box .form-box input:checked ~ .form-indicator {
    border: solid 1px #fd6c6e
}

.c-book-box .form-box input:checked {
    background: transparent
}

.c-book-box .form-box .form-indicator:after {
    content: '';
    position: absolute;
    display: none
}

.c-book-box .form-box input:checked ~ .form-indicator:after {
    display: block
}

.c-book-box .form-box .form-checkbox .form-indicator:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: 1px solid #2f2b2c;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.c-book-box .form-box label {
    position: relative;
    padding-left: 30px;
    margin: 30px 0 0 0
}

.c-card-box ul {
    display: flex;
    flex-wrap: wrap
}

.c-card-box ul li {
    list-style: none;
    display: flex;
    margin-bottom: 30px;
    width: 49%
}

.c-card-box ul li .card-content {
    background-color: #fff;
    padding: 40px 20px;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.c-card-box ul li .card-content h5 {
    margin-bottom: 15px
}

.c-sp-listing ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.c-sp-listing ul li {
    list-style: none;
    position: relative;
    display: flex
}

.c-sp-listing ul li .sp-box {
    background-color: #f6f6f6;
    border: solid 1px #efefef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 360px;
    margin-bottom: 30px
}

.c-sp-listing ul li .sp-box img {
    width: 100%
}

.c-sp-listing ul li .sp-box .sp-details {
    padding: 20px 20px 0 20px
}

.c-sp-listing ul li .sp-box .sp-details .h5,
.c-sp-listing ul li .sp-box .sp-details .typography h5,
.typography .c-sp-listing ul li .sp-box .sp-details h5,
.c-sp-listing ul li .sp-box .sp-details .whyUsPLP .columnWrapPLP .contentWrap h2,
.whyUsPLP .columnWrapPLP .contentWrap .c-sp-listing ul li .sp-box .sp-details h2,
.c-sp-listing ul li .sp-box .sp-details .offeringPLP .overlapContent .innerContent h2,
.offeringPLP .overlapContent .innerContent .c-sp-listing ul li .sp-box .sp-details h2 {
    position: relative;
    margin-bottom: 15px
}

.c-sp-listing ul li .sp-box .sp-details .h5 span.arrow-icon,
.c-sp-listing ul li .sp-box .sp-details .typography h5 span.arrow-icon,
.typography .c-sp-listing ul li .sp-box .sp-details h5 span.arrow-icon,
.c-sp-listing ul li .sp-box .sp-details .whyUsPLP .columnWrapPLP .contentWrap h2 span.arrow-icon,
.whyUsPLP .columnWrapPLP .contentWrap .c-sp-listing ul li .sp-box .sp-details h2 span.arrow-icon,
.c-sp-listing ul li .sp-box .sp-details .offeringPLP .overlapContent .innerContent h2 span.arrow-icon,
.offeringPLP .overlapContent .innerContent .c-sp-listing ul li .sp-box .sp-details h2 span.arrow-icon {
    float: right;
    padding-top: 8px
}

.c-sp-listing ul li .sp-box .sp-details .h5 span.arrow-icon img,
.c-sp-listing ul li .sp-box .sp-details .typography h5 span.arrow-icon img,
.typography .c-sp-listing ul li .sp-box .sp-details h5 span.arrow-icon img,
.c-sp-listing ul li .sp-box .sp-details .whyUsPLP .columnWrapPLP .contentWrap h2 span.arrow-icon img,
.whyUsPLP .columnWrapPLP .contentWrap .c-sp-listing ul li .sp-box .sp-details h2 span.arrow-icon img,
.c-sp-listing ul li .sp-box .sp-details .offeringPLP .overlapContent .innerContent h2 span.arrow-icon img,
.offeringPLP .overlapContent .innerContent .c-sp-listing ul li .sp-box .sp-details h2 span.arrow-icon img {
    width: 17px;
    height: 11px
}

.consultation-process-carousel.slick-slider {
    position: relative
}

.consultation-process-carousel.slick-slider li.slick-slide {
    transform: scale(1);
    opacity: 0.4;
    transition: .3s ease-in-out all;
    height: auto;
    margin-bottom: 0px
}

.consultation-process-carousel.slick-slider li.slick-slide.slick-center {
    opacity: 1;
    transform: scale(1.08)
}

.consultation-process-carousel.slick-slider li.slick-slide p {
    display: block;
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .consultation-process-carousel.slick-slider li.slick-slide p {
        color: #444
    }
}

.consultation-process-carousel.slick-slider li.slick-slide h4 {
    display: none;
    margin: 15px 0 0 0px
}

@media only screen and (max-width: 767px) {
    .consultation-process-carousel.slick-slider li.slick-slide h4 {
        margin-top: 0px
    }
}

.consultation-process-carousel.slick-slider li.slick-slide .product-small-box a.link-text {
    display: block;
    margin: 15px 0 0 0px
}

.consultation-process-carousel.slick-slider li.slick-slide .product-small-box div {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    overflow: hidden
}

.consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    padding: 15px;
    transform: translateY(100%)
}

.consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent h4 {
    display: block;
    margin-bottom: 10px
}

.consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
    color: #FFF
}

@media only screen and (max-width: 767px) {
    .consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent p {
        padding: 0px;
        color: #444
    }
}

@media only screen and (max-width: 767px) {
    .consultation-process-carousel.slick-slider li.slick-slide .product-small-box div .c-overlaycontent {
        position: relative;
        height: auto;
        transform: none;
        padding: 0px;
        margin-top: 10px;
        color: #fff
    }
}

.consultation-process-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
    transform: translateY(0%)
}

@media only screen and (max-width: 640px) {
    .consultation-process-carousel.slick-slider li.slick-slide:hover .product-small-box .c-overlaycontent {
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 350px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 600px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 330px;
        margin-right: 15px;
        padding: 15px 25px
    }
}

@media only screen and (max-width: 440px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 310px;
        margin-right: 0px;
        padding: 15px 15px
    }
}

@media only screen and (max-width: 375px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 290px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 360px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 270px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 321px) {
    .consultation-process-carousel.slick-slider li.slick-slide {
        width: 250px;
        margin-right: 0px
    }
}

.consultation-process-carousel.slick-slider .slick-dots {
    width: auto
}

.consultation-process-carousel.slick-slider .slick-dots li {
    width: auto
}

@media only screen and (max-width: 767px) {
    .c-card-box ul li {
        width: 100%
    }
}

.c-grey-box {
    background-color: #f6f6f6
}

.c-grey-box h2 span {
    border: none;
    display: inline
}

.c-comment input {
    width: 85%;
    padding: 11px 20px;
    float: left;
    border: 0;
    margin-top: 10px
}

.c-comment-listing {
    text-align: left
}

.c-comment-listing ul {
    margin: 0;
    padding: 0;
    margin-top: 65px
}

.c-comment-listing ul li {
    list-style: none;
    padding: 30px 0;
    border-bottom: solid 1px #cacaca;
    display: flex;
    width: 100%;
    align-items: flex-end
}

.c-comment-listing ul li img {
    width: 140px;
    float: left
}

.c-comment-listing ul li .details {
    width: calc( 100% - 140px);
    float: left;
    padding-left: 25px;
    font-size: 18px
}

.c-comment-listing ul li .details p {
    margin-bottom: 0;
    margin-top: 15px
}

.c-comment-listing ul li .details p span {
    padding-left: 20px;
    font-size: 16px;
    position: relative
}

.c-comment-listing ul li .details p span.copy-date {
    font-size: 13px
}

.c-comment-listing ul li .details p span.copy-head {
    padding-left: 0
}

.c-comment-listing ul li .details p span.copy-head:after {
    position: absolute;
    content: "";
    right: -10px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #cbcbcb
}

.c-comment-listing ul li .details b {
    font-weight: bold
}

@media only screen and (max-width: 440px) {
    .c-comment input {
        width: 100%
    }
}

.c-jump-links {
    background-color: #838383;
    padding: 15px 0;
    color: #fff;
    margin-bottom: 40px;
    z-index: 990;
    margin-top: 0px
}

.c-jump-links.toss {
    margin-top: 120px
}

.c-jump-links.sticky {
    position: fixed;
    top: 0
}

.c-jump-links-list ul {
    margin: 0;
    padding: 0
}

.c-jump-links-list ul li {
    list-style: none;
    float: left;
    font-size: 14px;
    font-family: "Open Sans Semibold";
    width: 20%
}

.c-jump-links-list ul li a {
    color: #fff
}

.c-jump-links-mob-close {
    display: none
}

.c-jump-links-mob-open {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-jump-links-list ul li {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .c-jump-links-mob-close {
        display: block;
        text-align: center;
        padding: 5px 10px;
        cursor: pointer;
        margin: 0px auto;
        font-family: "Open Sans";
        font-size: 25px;
        color: #fff
    }
    .c-jump-links-mob-open {
        display: block;
        text-align: center;
        padding: 5px 10px;
        cursor: pointer;
        margin: 0px auto;
        font-family: "Open Sans";
        font-size: 25px;
        color: #fff
    }
    .c-jump-links-list {
        display: block;
        margin-top: 20px
    }
    .c-jump-links-list ul li {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 30px
    }
}

.c-get-inspired-carosel {
    width: 100%;
    margin: 0px auto;
    position: relative
}

.c-get-inspired-carosel img {
    width: 100%
}

.c-get-inspired-carosel .mainSlide {
    position: relative;
    top: 0;
    left: 0;
    height: auto
}

.c-get-inspired-carosel .mainSlide img {
    width: 100%;
    border-radius: 5px
}

.c-get-inspired-carosel .h6,
.c-get-inspired-carosel .typography h6,
.typography .c-get-inspired-carosel h6,
.c-get-inspired-carosel .homepage-products-section-content .global-para,
.homepage-products-section-content .c-get-inspired-carosel .global-para {
    font-family: "Abhaya Libre";
    font-size: 24px;
    position: relative;
    bottom: 40px
}

@media only screen and (max-width: 991px) {
    .c-get-inspired-carosel .h6,
    .c-get-inspired-carosel .typography h6,
    .typography .c-get-inspired-carosel h6,
    .c-get-inspired-carosel .homepage-products-section-content .global-para,
    .homepage-products-section-content .c-get-inspired-carosel .global-para {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .c-get-inspired-carosel .h6,
    .c-get-inspired-carosel .typography h6,
    .typography .c-get-inspired-carosel h6,
    .c-get-inspired-carosel .homepage-products-section-content .global-para,
    .homepage-products-section-content .c-get-inspired-carosel .global-para {
        font-size: 18px
    }
}

.c-get-inspired-carosel .mainSlide slick-slide {
    height: auto
}

.c-get-inspired-carosel .slick-next {
    width: 19px;
    height: 12px;
    bottom: -30px;
    right: 0;
    z-index: 1;
    top: auto
}

.c-get-inspired-carosel .slick-next:after {
    content: '';
    opacity: 1;
    line-height: 0;
    background-image: url(clientlib-site-revised/images/right-arrow.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    position: absolute
}

.c-get-inspired-carosel .slick-next:before {
    content: none
}

.c-get-inspired-carosel .slick-prev {
    width: 19px;
    height: 12px;
    bottom: -30px;
    right: calc(100% - 90%);
    z-index: 1;
    top: auto;
    left: auto
}

.c-get-inspired-carosel .slick-prev:after {
    content: '';
    opacity: 1;
    line-height: 0;
    background-image: url(clientlib-site-revised/images/left-arrow.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    left: 0;
    position: absolute
}

.c-get-inspired-carosel .slick-prev:before {
    content: none
}

.c-get-inspired-carosel .c-living-carosel {
    margin-bottom: 50px
}

.c-get-inspired-carosel .c-dining-carosel {
    margin-bottom: 50px
}

.c-get-inspired-carosel .c-kitchen-carosel {
    margin-bottom: 50px
}

.c-get-inspired-carosel .c-bedroom-carosel {
    margin-bottom: 50px
}

.c-login {
    position: absolute;
    max-width: 80%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .c-login {
        max-width: 100%;
        padding: 10px
    }
}

.c-login p {
    font-size: 12px;
    line-height: 18px
}

.c-login p a {
    color: #7350ac;
    text-decoration: underline;
    font-weight: normal
}

.c-login .login-step-one {
    background-color: #fff;
    width: 45%;
    padding: 10px;
    margin: 0px auto
}

@media only screen and (max-width: 1024px) {
    .c-login .login-step-one {
        width: 80%
    }
}

@media only screen and (max-width: 767px) {
    .c-login .login-step-one {
        width: 90%
    }
}

.c-login .login-step-two {
    background-color: #fff;
    width: 45%;
    padding: 10px;
    margin: 0px auto
}

@media only screen and (max-width: 1024px) {
    .c-login .login-step-two {
        width: 80%
    }
}

@media only screen and (max-width: 767px) {
    .c-login .login-step-two {
        width: 90%
    }
}

.c-login .login-step-three {
    background-color: #fff;
    width: 45%;
    padding: 10px;
    margin: 0px auto
}

@media only screen and (max-width: 1024px) {
    .c-login .login-step-three {
        width: 80%
    }
}

@media only screen and (max-width: 767px) {
    .c-login .login-step-three {
        width: 90%
    }
}

.c-login .form-box-content {
    display: table-cell;
    vertical-align: middle;
    width: 30%
}

.c-login .form-box-content .h2,
.c-login .form-box-content .contractorlocator h2,
.contractorlocator .c-login .form-box-content h2,
.c-login .form-box-content .howWorksPLP h2,
.howWorksPLP .c-login .form-box-content h2,
.c-login .form-box-content h2.custom-getInspiredPLP {
    padding-left: 0
}

.c-login .form-box-content .section-header:before,
.c-login .form-box-content .storelocator .h2:before,
.storelocator .c-login .form-box-content .h2:before,
.c-login .form-box-content .contractorlocator h2:before,
.contractorlocator .c-login .form-box-content h2:before,
.c-login .form-box-content .howWorksPLP h2:before,
.howWorksPLP .c-login .form-box-content h2:before,
.c-login .form-box-content h2.custom-getInspiredPLP:before {
    left: -60px
}

@media only screen and (max-width: 767px) {
    .c-login .form-box-content .section-header:before,
    .c-login .form-box-content .storelocator .h2:before,
    .storelocator .c-login .form-box-content .h2:before,
    .c-login .form-box-content .contractorlocator h2:before,
    .contractorlocator .c-login .form-box-content h2:before,
    .c-login .form-box-content .howWorksPLP h2:before,
    .howWorksPLP .c-login .form-box-content h2:before,
    .c-login .form-box-content h2.custom-getInspiredPLP:before {
        left: -25px;
        width: 20px
    }
}

.c-login .form-box-content .form-box {
    padding: 30px 50px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .c-login .form-box-content .form-box {
        padding: 25px 15px
    }
}

.c-login .form-box-content .form-box input {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .c-login .form-box-content .form-box input {
        font-size: 13px
    }
}

.c-login .form-box-content .form-box span {
    color: #7350ac;
    text-decoration: underline;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 10px
}

@media only screen and (max-width: 767px) {
    .c-login .form-box-content .form-box span {
        font-size: 14px
    }
}

.c-login .form-box-content .form-box span a {
    color: #7350ac;
    text-decoration: underline;
    font-weight: normal
}

.c-login .form-box-content .form-box ul {
    margin: 0;
    padding: 0
}

.c-login .form-box-content .form-box ul li {
    position: relative;
    margin-bottom: 20px
}

.c-login .form-box-content .form-box .global-button,
.c-login .form-box-content .form-box .bookAppointmentPLP .btn-style3,
.bookAppointmentPLP .c-login .form-box-content .form-box .btn-style3 {
    position: relative;
    bottom: -15px
}

body {
    font-family: "Open Sans" !important
}

.schedular-form ul li div span {
    font-size: 13px
}

.overview-copy>ul>li {
    font-family: "Open Sans";
    background: none;
    padding-left: 0.3vw;
    line-height: 18px
}

.contentarticle>ul>li {
    background: none;
    padding: 0 0 8px 5px
}

.parsys_column .section .section-header:before,
.parsys_column .section .storelocator .h2:before,
.storelocator .parsys_column .section .h2:before,
.parsys_column .section .contractorlocator h2:before,
.contractorlocator .parsys_column .section h2:before,
.parsys_column .section .howWorksPLP h2:before,
.howWorksPLP .parsys_column .section h2:before,
.parsys_column .section h2.custom-getInspiredPLP:before {
    width: 0px;
    background-color: transparent;
    left: 0
}

.show-results-copy>p {
    font-family: "Open Sans"
}

.show-results-copy>span {
    font-family: "Open Sans"
}

.show-results-copy ul li {
    font-family: "Open Sans"
}

.dwnld-btn {
    font-family: "Open Sans"
}

.dealer_locator>div>span {
    font-family: "Open Sans"
}

.store-loc-title>p {
    font-family: "Open Sans"
}

.white-box ul.desktop-form>li input {
    font-family: "Open Sans"
}

.show-results-copy>p {
    font-family: "Open Sans"
}

.show-results-copy>span {
    font-family: "Open Sans"
}

.show-results-copy>ul>li {
    font-family: "Open Sans"
}

.show-results-contact>a {
    font-family: "Open Sans"
}

.overview-copy>p {
    font-family: "Open Sans"
}

.function-boxes-copy>p {
    font-family: "Open Sans"
}

.date-box span {
    font-family: "Open Sans"
}

.archives-list {
    font-family: "Open Sans"
}

.campus-contianer>.alltext>p {
    font-family: "Open Sans"
}

.campus-contianer .readMoreLink {
    font-family: "Open Sans"
}

.item-hdng {
    font-family: "Open Sans"
}

.item-hdng>a {
    font-family: "Open Sans"
}

.tab-style1.custom .nav li a {
    font-family: "Open Sans"
}

select.mobile-device {
    font-family: "Open Sans"
}

.blue-txt {
    font-family: "Open Sans"
}

strong {
    font-family: "Abhaya Libre SemiBold";
    font-weight: bold
}

.spotlight-subtext {
    font-family: "Open Sans"
}

.tab-style1 .nav li a {
    font-family: "Open Sans"
}

.radio label {
    font-family: "Open Sans"
}

.checkbox label {
    font-family: "Open Sans"
}

.accor-new .accrdn-title {
    font-size: 20px
}

.test-copy-container h3 {
    color: #ffffff
}

.test-copy-container p {
    color: #ffffff
}

.inner-menu li a {
    font-family: "Open Sans"
}

.inner-menu .child ul li a {
    font-family: "Open Sans"
}

.filter-header {
    font-family: "Abhaya Libre SemiBold"
}

.search-item input {
    font-family: "Open Sans"
}

.eload h2 span {
    font-family: "Open Sans"
}

.item-category-shop-hdng {
    font-family: "Open Sans"
}

.sldr-title {
    font-family: "Abhaya Libre SemiBold";
    color: #ffffff
}

.sldr-title2 {
    font-family: "Abhaya Libre SemiBold";
    color: #ffffff
}

h3.accrdn-title-inspiration {
    font-size: 20px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .date-box {
        width: 70px
    }
    .date-box .day {
        font-size: 30px
    }
    .date-box .mnth-year {
        font-size: 15px
    }
    .item-captn {
        bottom: 0px
    }
    .fastestsellingproducts .typography .eload {
        min-height: 400px
    }
}

.color-item.actv .color-name {
    font-family: "Open Sans"
}

.c-light .lightbox-target .text-box h3 {
    font-family: "Open Sans";
    font-size: 18px
}

.header-component .suggestion-box .popular-search-list .item-details {
    font-family: "Open Sans"
}

.header-component .suggestion-box .suggestion-search-list .item-details {
    font-family: "Open Sans"
}

.header-component .global-search .search-input {
    font-family: "Open Sans"
}

.tab-content p {
    font-family: "Open Sans"
}

.item-hdng {
    font-family: "Open Sans"
}

.clear-all-tags {
    font-family: "Open Sans"
}

.policies-container>span {
    font-family: "Open Sans"
}

.function-boxes-copy>p {
    font-family: "Open Sans"
}

.butn-style {
    font-family: "Open Sans"
}

.calculator-tabbing .nav>li>a {
    font-family: "Open Sans"
}

.item-category-shop-hdng>span {
    font-family: "Open Sans"
}

.sleek-tabHeading {
    font-family: 'Open Sans Semibold'
}

.sleek-tabdisp {
    font-family: "Open Sans"
}

.cart-calender-left-container>p {
    font-family: "Open Sans"
}

.select-texture>span {
    font-family: "Open Sans"
}

.custom-rating span {
    font-family: "Open Sans"
}

.cmmnt-prsn h4 {
    font-size: 18px
}

.cmmnt-box p {
    font-family: "Open Sans"
}

.cmmnt-box div {
    font-family: "Open Sans"
}

.sleek-designhome>ul>li {
    margin-right: 1% !important
}

.interior-listing-filter-container>ul>li>p {
    font-family: "Open Sans"
}

.interior-listing-filter-container ul li [type="checkbox"]:not(:checked)+label,
.interior-listing-filter-container ul li [type="checkbox"]:checked+label {
    font-family: "Open Sans"
}

.label-text {
    font-family: "Open Sans"
}

.item-look-captn-hdng {
    font-family: "Open Sans"
}

.tooltip-row .available_product_copy {
    font-family: "Open Sans"
}

.cal-head-text {
    font-family: "Open Sans"
}

.calculator-secn h4 {
    font-family: "Open Sans"
}

.speciality-container .checkbox label {
    font-family: "Open Sans"
}

ul.category-listing-items>li {
    font-family: "Open Sans";
    font-size: 16px
}

h4 .decal-title {
    font-family: "Open Sans"
}

.accor-new .accrdn-title {
    font-family: "Open Sans"
}

.h3.accrdn-title,
.typography h3.accrdn-title,
.typography h3.accrdn-title {
    font-family: "Open Sans Semibold";
    font-weight: normal;
    font-size: 18px
}

.decal-sect .decal-title,
.typography h4 .decal-sect .decal-title {
    font-family: "Open Sans";
    text-align: left
}

.locate_container {
    margin-top: 0px
}

.appointment-service .book-appointment h1,
.service-heading h1,
.prop-head h3,
.gallery_head h2 {
    font-family: "Abhaya Libre SemiBold"
}

.service-heading p,
.service-text p,
.appointment-form form input,
.prop-text p {
    font-family: "Open Sans"
}

.gallery .gallery_head {
    float: left;
    width: 100%;
    margin-bottom: 25px
}

.h3.h3-border span,
.typography h3.h3-border span {
    border-bottom: 0px
}

.textdescriptionwithCTA .h3,
.textdescriptionwithCTA .typography h3,
.typography .textdescriptionwithCTA h3 {
    margin-bottom: 10px
}

.sldr-title,
.sldr-title2 {
    font-family: "Abhaya Libre SemiBold"
}

.h2>span.mb-30,
.contractorlocator h2>span.mb-30,
.howWorksPLP h2>span.mb-30,
h2.custom-getInspiredPLP>span.mb-30 {
    margin-bottom: 0px
}

.previousnextarticle h4,
.article-link-copy {
    font-family: "Open Sans"
}

.previousnextarticle h4 a.purple-color {
    background: #FFF;
    font-family: "Open Sans";
    font-size: 18px
}

.accrdn-title:before {
    background-color: #7350ac
}

.overview-copy.typography p {
    font-family: "Abhaya Libre SemiBold";
    font-size: 30px;
    color: #ffffff
}

.overview-copy.typography>ul>li:before {
    background-color: #ffffff
}

.calculator-tabbing .nav>li>a {
    font-size: 16px
}

.interior-product-details-container ul li {
    padding-left: 0;
    background: none
}

.interior-content>h3 {
    font-family: "Abhaya Libre SemiBold"
}

.img_pop_up_left_content>p {
    font-family: "Open Sans"
}

.pop_third_part_right_content>p {
    font-family: "Open Sans"
}

.pop_third_part_left_content>span {
    font-family: "Open Sans"
}

.pop_third_part_left_content>ul>li>p {
    font-family: "Open Sans"
}

.product-owl-demo .owl-carousel .owl-wrapper,
.product-owl-demo.owl-carousel .owl-item .item .radio label {
    font-family: "Open Sans" !important
}

.calculator-secn .radio label {
    font-size: 14px !important
}

#offerings .colWrapPLP>img {
    width: 100%
}

.tab-style1 .nav li a {
    font-size: 16px
}

.prdcts-color {
    margin-bottom: 40px
}

.sleek-txtnum {
    font-family: "Open Sans";
    font-size: 100px !important
}

.interior-content>h3>span {
    font-family: "Abhaya Libre ExtraBold"
}

.owlCarousel-auto-item-6 .item span,
.owlCarousel-auto-item-4 .item span,
#owl-demo3 .item span,
.owlCarousel-auto-item-5 .item span {
    width: 60%;
    float: none;
    margin: 10px auto;
    text-align: center
}

.campaignwrapper .accrdn-title {
    padding: 14px 20px
}

.campaignwrapper .accrdn-cntnt {
    padding: 0px 20px 10px 20px
}

.form-wrapper-new h2 {
    font-family: "Abhaya Libre SemiBold"
}

.initialFaqs .accrdn-secn .h3,
.initialFaqs .accrdn-secn .typography h3,
.typography .initialFaqs .accrdn-secn h3 {
    font-size: 22px;
    margin-bottom: 10px
}

.cmmnt-lisitng h3 {
    font-family: "Abhaya Libre SemiBold" !important
}

.cmmnt-box p,
.cmmnt-box div {
    font-family: "Open Sans" !important
}

.gettingstartedwithsteps .step-cont .step_dec>p {
    color: #fff !important;
    line-height: 20px !important
}

.textdescriptionwithCTA h2 {
    padding-left: 0
}

.new-login-copy>p>a {
    font-family: "Open Sans" !important
}

.tab-style1 .nav li a {
    padding: 20px 10px;
    margin-right: 0
}

.accrdn-title {
    padding: 15px 30px
}

#colourselectiontools .product-items h4 div {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0
}

.global-para {
    font-family: "Open Sans"
}

.twocolumnimagevideo.section {
    clear: none
}

.typography .service_testimonial_content h5 {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    color: #fff
}

#lbTitleBottom a {
    font-family: "Open Sans"
}

#lbTitleBottom p {
    font-family: "Open Sans"
}

.function-boxes-copy>p {
    font-family: "Open Sans";
    color: #fff;
    font-size: 18px
}

.policies-container>span {
    font-family: "Open Sans";
    margin-top: 15px
}

.policies-container>p>span {
    font-family: "Open sans";
    font-weight: 600;
    font-size: 18px
}

.policies-container>p>span>img {
    vertical-align: middle
}

.color-code-box a span {
    top: 50%;
    transform: translateY(-50%)
}

.error {
    font-size: 13px
}

.login-registration .form-wrapper-new .h2.section-header:before,
.login-registration .form-wrapper-new .storelocator .h2:before,
.storelocator .login-registration .form-wrapper-new .h2:before,
.login-registration .form-wrapper-new .storelocator .contractorlocator h2:before,
.storelocator .contractorlocator .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new .contractorlocator .storelocator h2:before,
.contractorlocator .storelocator .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new .storelocator .howWorksPLP h2:before,
.storelocator .howWorksPLP .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new .howWorksPLP .storelocator h2:before,
.howWorksPLP .storelocator .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new .storelocator h2.custom-getInspiredPLP:before,
.storelocator .login-registration .form-wrapper-new h2.custom-getInspiredPLP:before,
.login-registration .form-wrapper-new .contractorlocator h2:before,
.contractorlocator .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new .howWorksPLP h2:before,
.howWorksPLP .login-registration .form-wrapper-new h2:before,
.login-registration .form-wrapper-new h2.custom-getInspiredPLP:before {
    background-color: transparent
}

.product-items h4 {
    font-size: 24px !important
}

.new-signup-right-container>ul>li>span {
    font-family: "Open Sans" !important
}

.tab-style1 .nav li {
    margin-right: 0
}

.schedular-form p {
    font-family: "Open Sans Semibold"
}

.lavender-book-btn>a {
    font-family: "Open Sans Semibold"
}

.form-content p {
    font-family: "Open Sans Semibold"
}

.colctrl-3c-33_33_33-c0 .textdescriptionwithCTA .contentarticle h2 {
    font-size: 24px
}

.textdescriptionwithCTA .contentarticle.typography h6 {
    font-size: 14px
}

#custom-dvProducts h4 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0
}

#dvGoesWellWith h4 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 24px;
    color: #444;
    margin: 0
}

.campus-contianer.campus-list .h3,
.campus-contianer.campus-list .typography h3,
.typography .campus-contianer.campus-list h3 {
    font-size: 22px
}

.accrdn-title:before {
    width: 6px;
    height: 6px
}

.accrdn-title {
    padding: 15px 15px
}

.bold {
    font-family: "Open Sans Semibold"
}

.accor-new .accrdn-title-inspiration {
    background: transparent url(clientlib-site/images/accor-new-plus.jpg) no-repeat scroll right 15px top 15px
}

.textdescriptionwithCTA h3>span {
    border-bottom: none
}

.header ul li a {
    font-family: "Open Sans Semibold";
    font-size: 18px
}

.topbanner .form-wrapper li input {
    font-family: "Open Sans"
}

ul.nav-container>li {
    font-family: "Open Sans Semibold";
    font-size: 18px
}

.form-content ul li button {
    font-size: 16px;
    font-family: "Open Sans"
}

h2 span {
    font-family: "Abhaya Libre SemiBold"
}

.btn-style2 {
    font-size: 16px;
    font-family: "Open Sans"
}

h5,
h6 {
    font-family: "Abhaya Libre SemiBold"
}

header .navigation>ul>li>a {
    font-family: "Open Sans Semibold";
    font-size: 18px
}

.visit {
    font-family: "Open Sans"
}

h3 {
    font-family: 'Abhaya Libre'
}

h2 {
    font-family: "Abhaya Libre SemiBold"
}

.contentarticle p {
    font-family: "Open Sans"
}

.topbanner .form-wrapper h3 {
    font-size: 24px
}

.topbanner .form-wrapper.typography.no-bullets ul li {
    margin: 10px 0 10px 0 !important
}

button {
    font-family: "Open Sans"
}

.main-wrapper h2 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 36px
}

.main-wrapper h3 {
    font-size: 30px
}

.main-wrapper footer p {
    color: #ffffff
}

.eload h2 span {
    font-weight: bold
}

.aboutuswrapper .container {
    width: auto
}

.textdescriptionwithCTA #freesiteconsultation .typography h2 span {
    font-size: 24px
}

.service_book_appointment {
    font-family: "Open Sans"
}

.ftr-btm .copyright {
    color: #ffffff !important
}

header .campaign-nav>.spot-menu-2>li>a {
    font-family: "Open Sans Semibold"
}

.form-quarter-width .form-box input[type="text"] {
    background-color: #ffffff
}

.ctrl-form-width .form-box input[type="text"] {
    border: 1px solid #838383;
    padding: 10px 5px
}

.textdescriptionwithCTA .contentarticle table tbody tr th {
    font-weight: bold
}

.textdescriptionwithCTA .contentarticle table p b {
    font-weight: bold !important
}

.contentarticle p b {
    font-weight: bold !important
}

ul.appoint_form_listing>li .text-input {
    background-color: #ffffff
}

.ctrl-form-width.custom-ctrl-form-width>.ui-datepicker-trigger>img {
    width: 32px
}

.ui-datepicker {
    margin-top: 5px;
    border: 1px solid #999
}

.ftr-btm.typography.no-bullets .social-media-container-footer ul li {
    margin: 20px 10px 20px 10px !important;
    display: inline-block
}

.ftr-btm.typography.no-bullets .social-media-container-footer ul li:first-child {
    margin-left: 0px !important
}

.textdescriptionwithCTA #aboutultimaprotek .contentarticle h2 {
    font-size: 32px;
    margin-bottom: 30px
}

.social-media-container-footer>ul>li {
    font-family: "Open Sans"
}

.visit-spot {
    font-family: "Open Sans"
}

.campaignwrapper .initialFaqs .accrdn-title {
    padding: 12px 20px
}

.benefits .brdr-secn .list .mt-15.margin-top-zero-new {
    margin-top: 0 !important
}

.form-box .ctrl-form-width input[type="text"] {
    border: 1px solid #838383;
    padding: 10px 5px
}

.campaignspotlight .form-container {
    z-index: 10
}

.main-wrapper.footer p {
    color: #fff !important
}

.footer.typography .social-media-container-footer ul li {
    margin: 0 10px !important
}

.focusInput {
    font-family: "Open Sans"
}

.platinum-steps-copy {
    font-family: "Open Sans Semibold" !important
}

.howWorksPLP .columnWrap h4 {
    font-family: "Open Sans Semibold"
}

.howWorksPLP .columnWrap p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans'
}

.ap-platinum-warranty-copy>p {
    font-family: "Open Sans Semibold" !important
}

.home-heading h2 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 36px
}

.appointment-service .book-appointment h1 {
    font-family: "Abhaya Libre SemiBold";
    font-size: 20px
}

ul.appoint_form_listing>li .text-input {
    border: 1px solid #999
}

#landingform .form-content-display.typography.no-bullets.form-box div.error {
    left: auto;
    font-size: 11px !important;
    color: #d6330d !important
}

a.item.fresco {
    display: inline-block !important
}

.apsleekform .home-heading span {
    background-color: transparent
}

.appoint_form_listing div.error {
    bottom: -20px !important
}

.social-media-container-footer {
    margin-top: 0 !important
}

.appoint_form_listing div.error {
    bottom: 0;
    color: #d6330d !important;
    font-size: 11px !important;
    margin: 0 !important;
    width: 100%
}

.catlogue_listing_discount strike {
    font-weight: normal
}

.appoint_form_listing .ctrl-form-width {
    margin: 25px 0
}

#srch-modal .modal-custom .modal-content {
    padding: 40px 40px 40px 65px
}

#metaliccolours .tab-style1.custom2 .nav li a {
    padding: 10px 0;
    margin-right: 5px
}

.ap-video .tab-content .nav li a {
    font-size: 16px;
    height: 58px;
    display: flex;
    align-items: center
}

#ap-video.ap-video .tab-content .nav li a {
    padding: 15px 25px;
    margin-right: 4px
}

#ap-video.ap-video .tab-content .nav li {
    margin-right: 0;
    padding: 0
}

.search-item {
    width: 300px
}

.color-catgry-sldr li {
    padding: 8px 10px
}

.tab-content.spcl-efftcs#dvTexturesShadeSubCategory {
    z-index: 9;
    position: relative
}

#innerpagethankyou h2 span {
    font-size: 30px
}

.sleek-thankyou-msg {
    font-family: "Open Sans"
}

.result-section .refine-search-filter .refine-filter>li {
    padding: 0;
    margin: 0 !important
}

#checkout-popup .modal.in .modal-dialog .modal-content .close {
    position: absolute;
    right: 0
}

#checkout-popup .template-textual-simple a.btn-style4.mr-15 {
    margin-right: 0
}

#checkout-popup .template-textual-simple span.divider-vertical {
    padding-right: 0
}

.btn-style4 {
    font-family: "Open Sans";
    font-size: 16px
}

.form-wrapper-new h2:after {
    background-color: transparent
}

.new-signup-left-container {
    font-family: "Open Sans"
}

.new-signup-right-container {
    font-family: "Open Sans"
}

.new-signup-left-container h2.section-header:before,
.new-signup-left-container .storelocator h2.h2:before,
.storelocator .new-signup-left-container h2.h2:before,
.new-signup-left-container .contractorlocator h2:before,
.contractorlocator .new-signup-left-container h2:before,
.new-signup-left-container .howWorksPLP h2:before,
.howWorksPLP .new-signup-left-container h2:before,
.new-signup-left-container h2.custom-getInspiredPLP:before {
    background-color: transparent
}

.new-signup-right-container h2.section-header:before,
.new-signup-right-container .storelocator h2.h2:before,
.storelocator .new-signup-right-container h2.h2:before,
.new-signup-right-container .contractorlocator h2:before,
.contractorlocator .new-signup-right-container h2:before,
.new-signup-right-container .howWorksPLP h2:before,
.howWorksPLP .new-signup-right-container h2:before,
.new-signup-right-container h2.custom-getInspiredPLP:before {
    background-color: transparent
}

#result_quickcal h2 {
    font-size: 30px
}

#result_quickcal p i {
    font-size: 14px;
    line-height: 20px
}

.sps a {
    display: flex;
    align-items: center
}

.sps span {
    top: auto
}

.ap-auth-manager-protected-section .profile-details .ap_user-profile-form a.global-button-white {
    margin: 50px 0 !important
}

.budgetcalculator .calculator-secn .tab-content h3 {
    font-size: 22px
}

.roomDetails .pbc-accord .accrdn-secn .sub-accor .accrdn-secn {
    border-top: none
}

ul.doorarea {
    padding-top: 20px
}

.accrdn-title {
    padding: 15px 30px
}

.campus-contianer>.alltext.minHt {
    height: 85px
}

.aboutuswrapper .container {
    max-width: 1170px;
    width: 100%;
    margin: 0px auto
}

.thank-content .typography h2 section-header:before {
    background-color: transparent
}

.overview-container .overview-copy.typography ul li {
    margin: 5px 0 5px 25px !important
}

.recommended-product-label-container .p.label-text,
.recommended-product-label-container .typography p.label-text,
.typography .recommended-product-label-container p.label-text,
.recommended-product-label-container .whyUsPLP .columnWrapPLP .contentWrap p.label-text,
.whyUsPLP .columnWrapPLP .contentWrap .recommended-product-label-container p.label-text,
.recommended-product-label-container .offeringPLP .colWrapPLP:hover .overlapContent p.label-text,
.offeringPLP .colWrapPLP:hover .overlapContent .recommended-product-label-container p.label-text {
    color: #fff;
    font-weight: bold;
    font-size: 16px
}

#benifit-section .sb-sect .typography h3 {
    margin-bottom: 20px
}

#benifit-section .sb-sect .typography.no-bullets ul li {
    margin: 5px 0 5px 0 !important
}

.modal-body .get-in-touch-copy .popup-title {
    margin-left: 0 !important;
    margin-bottom: 20px
}

.modal-body .get-in-touch-copy {
    text-align: center
}

#getIntouchContractor .popup-title p {
    font-family: "Open Sans"
}

.result-section .result-container .block-heading {
    font-size: 24px
}

.result-section {
    margin-top: 25px
}

.commonpainting .search-item {
    min-width: 330px;
    width: 330px
}

.colourcatalog #srch-modal .modal-dialog .modal-content .modal-body .section-header:before,
.colourcatalog #srch-modal .modal-dialog .modal-content .modal-body .storelocator .h2:before,
.storelocator .colourcatalog #srch-modal .modal-dialog .modal-content .modal-body .h2:before,
.colourcatalog #srch-modal .modal-dialog .modal-content .modal-body .contractorlocator h2:before,
.contractorlocator .colourcatalog #srch-modal .modal-dialog .modal-content .modal-body h2:before,
.colourcatalog #srch-modal .modal-dialog .modal-content .modal-body .howWorksPLP h2:before,
.howWorksPLP .colourcatalog #srch-modal .modal-dialog .modal-content .modal-body h2:before,
.colourcatalog #srch-modal .modal-dialog .modal-content .modal-body h2.custom-getInspiredPLP:before {
    background-color: transparent
}

.modal.in .modal-dialog .modal-content .close {
    position: absolute;
    right: 0
}

.desktop-form .typography.no-bullets ul li {
    margin: 20px 50px 20px 0 !important
}

.siteVisit .white-box ul.desktop-form>li {
    width: 40%
}

#benifit-section .sb-sect.typography.no-bullets ul li {
    margin: 5px 0 5px 0 !important
}

#benifit-section .sb-sect.typography.no-bullets h3.benifit-section-heading-grey {
    margin-bottom: 20px
}

.show-results-contractor-copy>p {
    font-weight: bold
}

.show-results-contractor-copy>ul>li:first-child {
    float: left;
    margin: 0 10px 10px 0 !important
}

.show-results-contractor-copy>ul>li {
    margin: 0 10px 10px 0 !important
}

.c-sticky-box {
    z-index: 100
}

.ui-corner-all>strong {
    font-family: "open sans";
    font-weight: normal
}

h3.benifit-section-heading-grey {
    font-size: 22px !important
}

.white-box ul.desktop-form>li input {
    width: 95%
}

.thank-content.typography .h2 section-header:before,
.thank-content.typography .contractorlocator h2 section-header:before,
.contractorlocator .thank-content.typography h2 section-header:before,
.thank-content.typography .howWorksPLP h2 section-header:before,
.howWorksPLP .thank-content.typography h2 section-header:before,
.thank-content.typography h2.custom-getInspiredPLP section-header:before {
    background-color: transparent
}

#allAboutColorsComponentMainDiv .ap-video .search-tabpanel .srch-input {
    min-width: 330px;
    width: 330px
}

#metaliccolours .tab-style1.custom2 .nav li a {
    padding: 10px 40px
}

.whyUsPLP .columnWrapPLP .circleWrap {
    background-color: transparent !important
}

@media only screen and (max-width: 1170px) {
    .whyUsPLP .columnWrapPLP .circleWrap img {
        max-width: 40px
    }
    .white-box .btn-style5.global-button.ap-submit-button,
    .white-box .bookAppointmentPLP .btn-style5.ap-submit-button.btn-style3,
    .bookAppointmentPLP .white-box .btn-style5.ap-submit-button.btn-style3 {
        min-width: auto !important
    }
}

@media only screen and (min-width: 1170px) {
    body.bodycampaign .topbanner {
        margin-top: 62px
    }
}

@media only screen and (max-width: 992px) {
    .bookAppointmentPLP .container,
    .whyUsPLP .container,
    .howWorksPLP .container,
    .getInspiredPLP .container,
    .warrantyWrapPLP .container {
        max-width: 970px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .overview-container .overview-copy.typography ul li {
        margin: 0 0 0 25px !important
    }
}

.thank-content h2.section-header.thank-content-header:before,
.thank-content .storelocator h2.thank-content-header.h2:before,
.storelocator .thank-content h2.thank-content-header.h2:before,
.thank-content .contractorlocator h2.thank-content-header:before,
.contractorlocator .thank-content h2.thank-content-header:before,
.thank-content .howWorksPLP h2.thank-content-header:before,
.howWorksPLP .thank-content h2.thank-content-header:before,
.thank-content h2.thank-content-header.custom-getInspiredPLP:before {
    display: none
}

@media only screen and (max-width: 767px) {
    .item-category-shop-hdng {
        font-size: 20px
    }
    .item-category-shop-hdng>span {
        font-size: 14px
    }
    .sleek-fourSec .sleek-col-4 {
        min-height: 125px
    }
    .aboutuswrapper .container {
        max-width: 1170px;
        width: 100%
    }
    .sleek-tabcontent {
        padding-left: 0;
        width: 100%
    }
    .sleek-txtnum {
        float: none
    }
    .product-items h4 {
        font-size: 18px !important
    }
    .filter-left-container-mob-plus {
        font-family: "Open Sans Semibold"
    }
    .apps-link .menu-btn-mob,
    .menu-btn-mob-close {
        position: relative;
        top: -26px;
        z-index: 9
    }
    .apps-link ul.logo-container {
        display: inline-block;
        position: relative;
        z-index: 10
    }
    .initialFaqs .accrdn-secn .h3,
    .initialFaqs .accrdn-secn .typography h3,
    .typography .initialFaqs .accrdn-secn h3 {
        font-size: 14px
    }
    .initialFaqs .accrdn-secn .accrdn-title:before {
        margin-top: -5px
    }
    .offeringPLP .overlapContent .innerContent p {
        color: #ffffff !important
    }
    .whyUsPLP {
        font-size: 14px !important;
        line-height: 21px !important
    }
    .bookAppointmentPLP h2 {
        padding-left: 30px
    }
    .whyUsPLP h2 {
        margin-bottom: 0;
        padding-left: 30px
    }
    #dvGoesWellWith h4 {
        font-size: 18px !important
    }
    #custom-dvProducts h4 {
        font-size: 18px !important
    }
    .item-look-captn-hdng {
        font-size: 18px !important
    }
    .bookAppointmentPLP .container,
    .whyUsPLP .container,
    .howWorksPLP .container,
    .getInspiredPLP .container,
    .warrantyWrapPLP .container {
        max-width: 750px !important
    }
    #whyus.whyUsPLP .columnWrapPLP .contentWrap h2 {
        padding-left: 0
    }
    #whyus.whyUsPLP .columnWrapPLP .contentWrap {
        width: calc(100% - 70px)
    }
    #innerpagethankyou h2 span {
        font-size: 20px
    }
    .search-item {
        margin: 15px auto
    }
    #dvMetalicShadeCategory #metaliccolours .tab-style1.custom2 .nav li a {
        padding: 10px
    }
    .filters-fixed-mob {
        top: 75px
    }
    .interior-listing-filter-container.active {
        top: 40px
    }
    .offeringPLP h2.diNoneMo {
        padding-left: 30px !important;
        margin-left: 0
    }
    .speciality-container .checkbox a .custom-tooltip {
        padding: 20px 10px 10px 10px;
        font-size: 12px;
        line-height: 16px
    }
    .speciality-container .checkbox label {
        font-size: 12px;
        padding-right: 7px
    }
    .speciality-container .checkbox>a>img {
        width: 16px
    }
    .tool-tip-close-mob {
        top: 5px;
        right: 5px
    }
    .boardofdirectors.section .drctcrs-secn .col-md-3 {
        width: calc(50% - 5px) !important
    }
}

.new-signup-right-container ul li {
    margin: 10px 0 10px 25px !important
}

.contractorlocator .inner-secn.pt-40 {
    padding-top: 0px
}

@media only screen and (max-width: 580px) {
    .speciality-container .checkbox a:hover .custom-tooltip {
        transform: translateX(-55%);
        left: 0px;
        top: 25px
    }
}

body.bodycampaign .login-input input,
body.bodycampaign .form-box input[type="text"] {
    background-color: #fff;
    padding: 10px 5px
}

body.bodycampaign .login-input input .main-wrapper h2.sub-heading span:before,
body.bodycampaign .login-input input .main-wrapper h2.sub-heading span:after,
body.bodycampaign .form-box input[type="text"] .main-wrapper h2.sub-heading span:before,
body.bodycampaign .form-box input[type="text"] .main-wrapper h2.sub-heading span:after {
    content: ""
}

body.bodycampaign ul.nav-container>li {
    font-size: 16px
}

.modal-backdrop.in {
    visibility: hidden
}

.modal-open .modal {
    background-color: rgba(0, 0, 0, 0.8)
}

.calculator-tabbing .nav,
.ap-smart-tab .nav {
    display: flex
}

.calculator-tabbing .nav-tabs>li,
.ap-smart-tab .nav-tabs>li {
    text-align: center
}

.calculator-tabbing .nav-tabs>li.active,
.ap-smart-tab .nav-tabs>li.active {
    background-color: #fcaf17
}

.calculator-tabbing .nav-tabs>li.active:after,
.ap-smart-tab .nav-tabs>li.active:after {
    border-bottom-color: #fcaf17;
    border-top: 10px solid #fcaf17;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 10px solid transparent;
    color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: 43%;
    top: 100%;
    width: 0;
    height: 0;
    color: #fff
}

.schedular-form ul li>div {
    padding: 14px 0 0
}

.h2>span,
.contractorlocator h2>span,
.howWorksPLP h2>span,
h2.custom-getInspiredPLP>span {
    border-bottom: none !important;
    padding-bottom: 0px !important;
    font-family: "Abhaya Libre SemiBold"
}

.new-search-view {
    padding-right: 0px !important
}

.or-form {
    margin-top: 40px !important
}

#inspirationFilters .checkbox label {
    text-transform: capitalize !important
}

#inspirationFilters .accrdn-title {
    text-transform: capitalize !important
}

#inspirationFilters1 .checkbox label {
    text-transform: capitalize !important
}

#inspirationFilters1 .accrdn-title {
    text-transform: capitalize !important
}

#filters1 .accrdn-title-inspiration {
    text-transform: capitalize !important
}

#filters1 .checkbox label {
    text-transform: capitalize !important
}

#filters .accrdn-title-inspiration {
    text-transform: capitalize !important
}

#filters .checkbox label {
    text-transform: capitalize !important
}

#filters1 .accrdn-title {
    text-transform: capitalize !important
}

#filters .accrdn-title {
    text-transform: capitalize !important
}

.aboutuswrapper .container {
    width: 100%;
    max-width: 1170px
}

.storelocator .container {
    max-width: 1170px;
    width: 100%
}

.wthi-container .container {
    max-width: 1170px;
    width: 100%
}

.show-results-stores-list>ul>li {
    padding: 10px
}

.dealer_locator>div>span {
    font-size: 16px
}

.show-results-contact>a {
    font-size: 14px;
    font-weight: 400
}

.contractorlocator .container {
    width: 1170px
}

.show-results-list-contractor>ul>li {
    margin: 0 0 0 0
}

.show-results-contractor-contact-copy>a {
    font-size: 14px;
    font-weight: 400
}

.speciality-container .checkbox label {
    font-size: 14px
}

#paintselectorid {
    font-family: "Open Sans"
}

.calculator-secn h4 {
    font-family: "Abhaya Libre SemiBold"
}

.aboutuswrapper .container {
    width: 1170px
}

.paint-selector-gallery-sub-header {
    font-family: "Open Sans"
}

.howWorksPLP h2,
h2.custom-getInspiredPLP {
    padding-left: 0px
}

.howWorksPLP h2:after,
h2.custom-getInspiredPLP:after {
    display: none
}

.new-signup-left-container .home-heading {
    max-width: 440px;
    width: 90%
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .home-heading {
        max-width: 370px
    }
}

h2.custom-getInspiredPLP {
    margin-top: 40px;
    padding-left: 0px
}

@media only screen and (max-width: 568px) {
    h2.custom-getInspiredPLP {
        margin-top: 20px
    }
}

.homepage-products-section-content .global-para {
    margin-bottom: 0px;
    font-family: "Open Sans"
}

.offeringPLP .colWrapPLP:hover .overlapContent p {
    color: #FFF;
    font-family: "Open Sans"
}

.offeringPLP .overlapContent .innerContent h2 {
    color: #FFF
}

.offeringPLP h2.diNoneMo {
    padding-left: 0px
}

.calculator-secn .typography li,
.calculator-secn .typography.no-bullets li {
    margin: 0px
}

.product-items h4 {
    font-size: 16px
}

.item-hdng-decor-blogs {
    font-family: "Open Sans";
    font-size: 16px
}

.product-owl-demo.owl-carousel .owl-item .item .radio label,
.help-sec {
    font-family: "Open Sans"
}

.product-owl-demo.owl-carousel .owl-item .item .radio label,
ul.height-radfield>li,
.small-ft {
    font-family: "Open Sans" !important
}

.pbc_leads_form h3 {
    margin-bottom: 20px
}

.item-hdng-decor-blogs {
    font-family: "Open Sans" !important
}

#allAboutColorsComponentMainDiv .center-large-box {
    display: inline-block;
    width: 100%
}

.add-cmmnt h2 span,
.forum-content {
    font-family: "Open Sans" !important
}

#custom-dvProducts .gallery-thumb-carousel h4 {
    font-size: 16px
}

.service_testi_content h4 {
    color: #FFF
}

#paintingService .model-input ul li button,
#paintingService .model-input ul li input {
    font-family: "Open Sans"
}

.new-signup-left-container .orWrapA span,
.new-login-copy>p>a,
.new-signup-listing .labelA,
.error-form,
.new-signup-container p,
.forgotPasswordA {
    font-family: "Open Sans"
}

.accrdn-secn {
    margin-top: 20px
}

.contentarticle p:empty {
    display: none
}

@media screen and (max-width: 768px) {
    .aboutuswrapper .container {
        width: 95%
    }
    .textdescriptionwithCTA h2 {
        padding-left: 30px
    }
    .h2,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP,
    .contractorlocator h2,
    .howWorksPLP h2,
    h2.custom-getInspiredPLP {
        padding-left: 30px
    }
    .custom-col-xs-offset-1 {
        width: 100%;
        margin-left: 0px !important
    }
    #benifit-section .bg-clr3 .sb-sect .sb_sb_sec p {
        line-height: 18px
    }
    .fr-three-box .item .tile .item-captn,
    .fr-four-box .item .tile .item-captn {
        padding: 12px 15px
    }
    .item-hdng {
        margin-top: 0px
    }
}

@media screen and (max-width: 768px) {
    .aboutuswrapper .container {
        width: 100%
    }
}

@media screen and (max-width: 560px) {
    .sleek-fourSec {
        text-align: center
    }
    .sleek-fourSec>.sleek-col-4 {
        display: inline-block;
        float: none;
        width: calc(50% - 5px)
    }
}

.tab-style1 .nav li {
    text-transform: capitalize
}

.color-catalog .tab-style1 .nav li {
    width: 19%
}

.calculator-tabbing .nav>li>a {
    width: 180px;
    text-transform: capitalize
}

.calculator-secn .radio label {
    text-transform: capitalize
}

.txtFields label {
    text-transform: capitalize
}

.v-header .navigation li a {
    text-transform: capitalize
}

.interior-listing-filter-container>ul>li>p {
    text-transform: capitalize
}

.interior-listing-content-container>ul>li>ul>li>p {
    text-transform: capitalize
}

.interior-content a,
.interior-product-details-container a {
    text-transform: capitalize
}

.global-button-white {
    text-transform: capitalize
}

.global-button,
.bookAppointmentPLP .btn-style3,
.bookAppointmentPLP .btn-style3 {
    text-transform: capitalize
}

.paint-budget-calculate>ul>li {
    text-transform: capitalize
}

.tooltip-row.ap-smartcare-tab .tab-style1 .nav li {
    text-transform: capitalize
}

.footer-box .four-column ul>li>ul>li {
    text-transform: capitalize
}

.white-box .form-box .error:last-child {
    bottom: -22px
}

.c-feature-products .crosssellingproduct .products-list ul li {
    width: calc(33.33% - 5px)
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .tab-style1 .nav li a {
        font-size: 13px
    }
}

@media screen and (max-width: 767px) {
    .c-feature-products .crosssellingproduct .products-list ul li {
        width: 100%
    }
}

.service_testi_content h4 {
    color: #444444 !important
}

.typography .service_testimonial_content h5 {
    color: #444444 !important
}

.service_testimonial_content {
    background-color: transparent !important
}

.pbc-alert .modal-dialog .modal-content .modal-header {
    margin: 0px auto !important
}

@media screen and (max-width: 991px) {
    .color-catalog .tab-style1 .nav li {
        width: 100%
    }
}

.h2>span,
.contractorlocator h2>span,
.howWorksPLP h2>span,
h2.custom-getInspiredPLP>span {
    border-bottom: none !important;
    padding-bottom: 0px !important;
    font-family: "Abhaya Libre SemiBold"
}

.new-search-view {
    padding-right: 0px !important
}

.or-form {
    margin-top: 40px !important
}

#inspirationFilters .checkbox label {
    text-transform: capitalize !important
}

#inspirationFilters .accrdn-title {
    text-transform: capitalize !important
}

#inspirationFilters1 .checkbox label {
    text-transform: capitalize !important
}

#inspirationFilters1 .accrdn-title {
    text-transform: capitalize !important
}

#filters1 .accrdn-title-inspiration {
    text-transform: capitalize !important
}

#filters1 .checkbox label {
    text-transform: capitalize !important
}

#filters .accrdn-title-inspiration {
    text-transform: capitalize !important
}

#filters .checkbox label {
    text-transform: capitalize !important
}

#filters1 .accrdn-title {
    text-transform: capitalize !important
}

#filters .accrdn-title {
    text-transform: capitalize !important
}

.bookAppointmentPLP .form-label {
    text-transform: capitalize !important
}

.bookAppointmentPLP .formWrapPLP .colWrapPLP .btn-style3 {
    text-transform: capitalize !important
}

.schedular-form span {
    text-transform: capitalize !important;
    white-space: nowrap
}

.schedular-form select {
    text-transform: capitalize !important;
    white-space: nowrap
}

.submit-bt {
    text-transform: capitalize !important
}

/****.sleek-designhome input {
    text-transform: capitalize !important
}****/

.sleek-designhome .custom-sleek-designhome-title {
    text-transform: capitalize !important
}

.custom-thankyou .sleek-btn {
    text-transform: capitalize !important
}

.ecom-form label {
    text-transform: capitalize !important
}

.ecom-form input {
    text-transform: capitalize !important
}

.guestuser_register_btn {
    text-transform: capitalize !important
}

.btn-proceed {
    text-transform: capitalize !important
}

#showMoreDecal .btn-style2 {
    text-transform: capitalize !important
}

#productPincode {
    text-transform: capitalize !important
}

.checkout-cart {
    text-transform: capitalize !important
}

.custom-rate {
    text-transform: capitalize !important
}

.submit-product-review {
    text-transform: capitalize !important
}

.dwnld-btn {
    text-transform: capitalize !important;
    margin-top: 8px
}

.campus-contianer .readMoreLink {
    text-transform: capitalize !important
}

.warranty-step-two,
.warranty-step-three,
.warranty-step-four,
.warranty-step-five {
    text-transform: capitalize !important
}

.register-warranty .register-field {
    text-transform: capitalize !important
}

#analystpresentation-placeholder .btn-style2 {
    text-transform: capitalize !important
}

#emplyrs h2>span {
    text-transform: capitalize !important
}

#cntrtrs h2>span {
    text-transform: capitalize !important
}

#testimonials h2>span {
    text-transform: capitalize !important
}

.guideLink {
    text-transform: capitalize !important
}

@media only screen and (max-width: 479px) {
    .c-buy-online-shop-to-home-page{
        width: 100%!important;
    }
    .c-buy-online-shop-to-home-page .amount-box{
        display: flex!important;
    }
    .c-buy-online-shop-to-home-page .amt{
        margin-right: 20px!important;
    }
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li:hover .mega-menu, .v-header .navigation li.open .mega-menu { box-shadow :none!important;}
    .v-header .mega-menu>div{padding: 0 !important;}
}

@media only screen and (max-width: 880px) {
    .v-header .navigation li.open > a { color:#7350ac}
}

@media (min-width: 1351px) and (max-width: 1400px) {
    .v-header .mega-menu .nav-col.fourcolumn {
        padding-right: 10px
    }
}


@media only screen and ( max-width:479px) {
    .c-buyonline-product .buyonline-product-listing ul li div.amount-box {
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }
    .c-buyonline-product .buyonline-product-listing ul li div.amount-box .amt-line {
        font-size:13px;
        margin: 0 5px 0 0;
    }
    .c-buyonline-product .buyonline-product-listing ul li div.amount-box .amt{
        margin: 5px 5px 5px 0;
        display: block;
        font-size:13px;
    }
    .c-buyonline-product .buyonline-product-listing ul li div.amount-box .green-text {
        font-size:10px;
    }
}

.c-three-column-box .cat-list ul li div.amount-box .amt-line {
    position:relative;
    text-decoration:none;
}
.c-three-column-box .cat-list ul li div.amount-box .amt-line::after {
    content: "";
    height: 2px;
    background-color:#434343;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}
.c-buyonline-product .buyonline-product-listing ul li div.amount-box .amt-line {
    position:relative;
    text-decoration:none;
}
.c-buyonline-product .buyonline-product-listing ul li div.amount-box .amt-line::after {
    content: "";
    height: 2px;
    background-color:#434343;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

/**** fix for fresco plugin *****/

.fr-window {
    top:0px!important;
}

.fr-overlay.fr-mobile-touch, .fr-window.fr-mobile-touch{
    position: fixed!important;
    overflow: hidden!important;
}

/**   water proof banner css starts    **/
.waterproofwrapper {
    width: 100%;
    float: left;
    position: relative;
}

.waterproofenquirewrap h3 {
    color: #4c4c4c;
    font-family: 'Abhaya Libre';
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 20px;
}
.waterproofenquirewrap p {
    font-size: 25px;
    font-family: "Open Sans";
    color: #4c4c4c;
    line-height: 35px;
}
.waterproofenquireform {
    padding: 30px 30px 30px 40px;
    border-radius: 0px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.75);
    height: 430px;
}
.waterproofenquireform h3 {
    font-size: 30px;
    color: #4c4c4c;
    font-family: 'Abhaya Libre SemiBold';
    position: relative;
}
.waterproofenquireform form {
    padding: 20px 0 0 0;
}
.waterproofenquireform .form-control {
    background-color: transparent;
    border-bottom: 1px solid #7f7f7f;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    padding: 6px 12px 6px 0;
}
.waterproofenquireform .global-button {
    position: relative;
    bottom: 0px;
    background-image: linear-gradient(to left top, #432a76, #4a2f7d, #56398b, #6f4da7, #7451ac);
    border-radius: 0;
    text-align: left !important;
    padding:15px 20px 15px 25px!important;
    transition: all 0.3s linear;
}
.waterproofenquireform .global-button:focus, .waterproofenquireform .global-button:hover{
  color: #fff !important;
  border-radius: 10px;
}
.waterproofenquireform .global-button:hover:before{
  margin-right: -5px;
  transition: all 0.3s linear;
}
.waterproofenquireform .global-button:before{
  background: url(clientlib-site-revised/images/submitbtnimg.png) no-repeat;
  width: 18px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}

.waterproofenquireform .form-group{
  position: relative;
  margin-bottom: 30px;
}

.userinput .waterformrtimg{
  width: 15%;
  display: inline-block;
  vertical-align: top;
}
.userinput .waterformrtimg img{
  width: auto;
}
/*.userinput input{
  width: 80%;
  display: inline-block;
}*/
.inputfrmwrap{
  width: 80%;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.inputfrmwrap label{
  position: absolute;
  top: 0;
  left: 0;
  color: #4c4c4c;
  z-index: -1;
  transition: all 0.2s linear;
}
.knowmoreband{
 /* background-color: #8cc4e8;*/
  padding: 30px;
  margin: 60px 0;
}
.knowmoreband img{display: inline-block; vertical-align: middle;}
.knowmoreband h2{display: inline-block; font-size: 35px;font-family: 'Abhaya Libre';
    font-weight: 700;}
.knowmoreband .global-button{
    position: relative;
    bottom: 0px;
    background-image: linear-gradient(to left top, #432a76, #4a2f7d, #56398b, #6f4da7, #7451ac);
    border-radius: 0;
    text-align: left !important;
    padding: 15px 20px 15px 25px!important;
    min-width: 170px !important;
    transition: all 0.3s linear;
}
.knowmoreband .global-button:focus, .knowmoreband .global-button:hover{
  color: #fff !important;
  border-radius: 10px;
}
.knowmoreband .global-button:hover:before{
  margin-right: -5px;
  transition: all 0.3s linear;
}
.knowmoreband .global-button:before{
  background: url(clientlib-site-revised/images/submitbtnimg.png) no-repeat;
  width: 18px;
  height: 22px;
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}
.knowmoreband .col-sm-9{
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: 74%;
}
.knowmoreband .col-sm-3{
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.waterproofenquireform h3:before{
  width: 50px;
  height: 2px;
  background-color: #ed7470;
  content: "";
  position: absolute;
  left: -65px;
  top: 50%;
  transform: translateY(-50%);
}
.waterproofmobileform{
    display: none;
}
.inputfrmwrap input:focus ~ label{
  top: -14px;
  font-size: 12px;
  color: #825ebc;
}
.inputfrmwrap.has-content label{
  top: -14px;
  font-size: 12px;
  color: #825ebc;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


_:-ms-fullscreen, :root .waterproofbanner{  no-repeat 53% center; background-size:16%; }
_:-ms-fullscreen, :root .waterproofbanner .col-sm-7{width: 56.33%;}
_:-ms-fullscreen, :root .waterproofbanner .col-sm-5{width: 30%;}
_:-ms-fullscreen, :root .waterproofenquirewrap h3{font-size: 36px;}
_:-ms-fullscreen, :root .waterproofenquirewrap p{font-size: 22px;}


_:-ms-lang(x), .waterproofbanner{  no-repeat 53% center; background-size:16%; }
_:-ms-lang(x), .waterproofbanner .col-sm-7{width: 56.33%;}
_:-ms-lang(x), .waterproofbanner .col-sm-5{width: 30%;}
_:-ms-lang(x), .waterproofenquirewrap h3{font-size: 36px;}
_:-ms-lang(x), .waterproofenquirewrap p{font-size: 22px;}

@media screen\0 {
    .waterproofbanner{  no-repeat 53% center; background-size:16%; }
    .waterproofbanner .col-sm-7{width: 56.33%;}
    .waterproofbanner .col-sm-5{width: 30%;}
    .waterproofenquirewrap h3{font-size: 36px;}
    .waterproofenquirewrap p{font-size: 22px;}
}

img.showmobile{display: none;}

/*.newwaterproofwithimg{position: relative; display: block;}
.newwaterproofwithimg img.showdesktop{position: relative;height: 520px;object-fit: cover;object-position: 50% 50%; width: 100%;display: block;}
.waterproofbannerlefttext{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);}
.waterproofbannerform{position: absolute; top: 50%; transform: translateY(-50%); right: 5%; width: 400px;}
.newwaterproofwithimg .waterproofbannerlefttext{display: none;}*/


/* background-color: #8dd4ed;*/
.newwaterproofwithcolor{position: relative;height: 520px; width: 100%; display: block;}
.newwaterproofwithcolor img.showdesktop{display: none;}
.waterproofbannerlefttext{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);}
.waterproofbannerform{position: absolute; top: 50%; transform: translateY(-50%); right: 5%; width: 400px;}
.newwaterproofwithcolor .waterproofbannerlefttext{display: block;}



.newwaterproofwithimgtext{position: relative; display: block;}
.newwaterproofwithimgtext img.showdesktop{position: relative;height: 520px;object-fit: cover;object-position: 50% 50%; width: 100%; display: block;}
.waterproofbannerlefttext{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);}
.waterproofbannerform{position: absolute; top: 50%; transform: translateY(-50%); right: 5%; width: 400px;}
.newwaterproofwithimgtext .waterproofbannerlefttext{display: block;}




.waterformrtimg{
  background: url(clientlib-site-revised/images/form-icon-symbol-sprite.png) no-repeat;
  width: 26px;
  height: 29px;
  background-position: 0 -5px;
}
.waterformrtimgemail{
  background-position: 0 -35px;
}
.waterformrtimgmobile{
  background-position: 0 -69px;
}
.waterformrtimgpincode{
 background-position: 0 -107px;
}
.knowmorebandimg{
  background: no-repeat center center;
  width: 100%;
  background-size: cover;
  padding: 0;
  height: auto;
  display: flex;
  padding: 20px 0;
  justify-content: center;
  align-items: center;
}

.waterproofenquireform input::-webkit-input-placeholder {
  color: #4c4c4c;
}
.waterproofenquireform input::-moz-placeholder {
  color: #4c4c4c;
}
.waterproofenquireform input:-ms-input-placeholder {
  color: #4c4c4c;
}
.waterproofenquireform input:-moz-placeholder {
  color: #4c4c4c;
}
.waterproofenquireform .form-control{
  padding: 6px 12px 20px 0;
}
.wp-successmsg, .wp-errormsg{
    color: #4c4c4c;
    font-family: 'Abhaya Libre';
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    padding-bottom: 20px;
    position: relative;
}
.wpsuccessmsg{
  padding: 30px;
  position: relative;
}
.wp-successmsg span, .wp-errormsg span{
  font-size: 21px;
  font-family: "Open Sans";
  color: #4c4c4c;
  line-height: 35px;
  font-weight: 400;
  display: block;
}
.wp-learnmore{
  font-size: 21px;
  font-family: "Open Sans";
  color: #4c4c4c;
  line-height: 35px;
  font-weight: 400;
  display: block;
  position: relative;
  margin-top: 150px;
}
.wp-learnmore a, .wp-learnmore a:hover, .wp-learnmore a:focus{
  color: #4c4c4c;
  position: relative;
  text-decoration: underline;
}
.wp-learnmore a:before{
  background: url(clientlib-site-revised/images/waterproofimg/learnmore.png) no-repeat;
  width: 9px;
  height: 16px;
  content: "";
  position: absolute;
  top: 7px;
  right: -16px;
  transition: all 0.2s linear;
}
.wp-learnmore a:hover:before{
  margin-right: -5px;
  transition: all 0.2s linear;
}
.wpsuccessmsg:before{
    width: 50px;
    height: 2px;
    background-color: #ed7470;
    content: "";
    position: absolute;
    left: -67px;
    top: 26px;
}


/* responsive starts */
@media only screen and (min-width:1600px) {

  .knowmoreband .container{
    width: 80%;
  }
}

@media only screen and (max-width:1600px) {
  .knowmoreband h2{font-size: 28px;}
  .waterproofenquirewrap p{font-size: 21px;}
  .waterproofenquirewrap h3{font-size:35px;}

}

@media only screen and (max-width:1199px) {
  .knowmoreband h2{
    font-size: 23px;
  }
  .waterproofenquirewrap h3{font-size: 28px; line-height: 31px;}
  .waterproofenquirewrap p{font-size: 16px; line-height: 22px;}
}

@media only screen and (max-width:991px) {

  img.showdesktop{display: none;}
  img.showmobile{display: block;}
  .waterproofenquireform .form-group{margin-bottom: 26px;}
  .waterproofenquireform h3{font-size: 24px;}
  .inputfrmwrap label{font-size: 14px;}

  .waterproofmobileform{
    display: block;
    padding: 0px 0;
  }
  .knowmoreband{margin: 40px 0; overflow: hidden;}
  .knowmoreband .col-sm-9{width: 100%;text-align: center;}
  .knowmoreband .col-sm-3{width: 100%;text-align: center}
  .knowmoreband h2{padding: 20px 0; display: block;}
  .knowmoreband img{display: block;margin:0px auto;}


  /*.newwaterproofwithimg img.showmobile{display: block;position: relative;height: 200px; width: 100%; object-fit: cover;}
  .newwaterproofwithimg img.showdesktop{display: none;}
  .newwaterproofwithimg .waterproofbannerform{display: none;}
  .newwaterproofwithimg .waterproofbannerlefttext{display: none;}*/ /*background-color: #8dd4ed;*/

  .newwaterproofwithcolor{display: block;position: relative;height: 200px; width: 100%;}
  .newwaterproofwithcolor .waterproofbannerform{display: none;}
  .newwaterproofwithcolor .waterproofbannerlefttext{display: block;}
  .newwaterproofwithcolor img.showmobile{display: none;}
  .newwaterproofwithcolor img.showdesktop{display: none;}

  .newwaterproofwithimgtext img.showmobile{display: block;position: relative;height: 200px; width: 100%; object-fit: cover;}
  .newwaterproofwithimgtext img.showdesktop{display: none;}
  .newwaterproofwithimgtext .waterproofbannerform{display: none;}
  .newwaterproofwithimgtext .waterproofbannerlefttext{display: none;}

}

@media only screen and (max-width:520px) {
}

.wp-successmsg, .wp-errormsg {
    font-size: 22px;
    line-height: 32px;
    padding-top: 20px;
}
  .wp-successmsg span, .wp-errormsg span{
    font-size: 16px;
    line-height: 24px;
   }
  .waterproofenquireform{
    height: auto;
    }
  .wp-learnmore{
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
    }
  .wpsuccessmsg{
    padding: 0px;
    }
  .mobileenquirefrmnew{
    margin: 30px 0 20px 0;
    }
  .wp-learnmore a:before{
    background: url(clientlib-site-revised/images/waterproofimg/moblearnmore.png) no-repeat;
    width: 6px;
    height: 11px;
  }
  .wpsuccessmsg:before{
    top: 34px;
    width: 30px;
    left: -50px;
    }
/**   water proof banner css ends    **/
/*09-07-2019 start for OTP css*/
#otptime{
  font-size: 30px;
}
#otpFail{
   color: red;
}
/*09-07-2019 end for OTP css*/

@media (min-width: 320px) and (max-width: 991px) {
    .bodycampaign .campaignheader .container-fluid .container.nopad .row .ap-logo-variant4 {
        width: 50%;
        padding-left: 25px;
    }

    .bodycampaign .campaignheader .container-fluid .container.nopad .row .ap-logo-variant4-heading-text {
        margin-top: 7px;
        width: 50%;
        padding-right: 34px !important;
        padding-left: 0 !important;
    }
}

@media (min-width: 1201px) and (max-width: 1280px) {
    .footer_unification .foooter-content-panel .storeCta input {
        width: 200px;
    }
}

.footer_unification .foooter-content-panel .newsCta .ctaText:after{
    content: '';
    background: url('https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg') no-repeat;
}
.footer_unification .foooter-content-panel .storeCta .ctaText:after{
    content: '';
    background: url('https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg') no-repeat;
}
/* chrome desktop component starts here */

@media screen and (-webkit-min-device-pixel-ratio:0) {    
.buy-online-sub .buy-online-carosel .slick-prev { right: 22.3%;}
.buy-online-sub .buy-online-carosel .slick-next { right: 22.3%; margin-right:-35px;}
}
/* firefox desktop component starts here */

@-moz-document url-prefix() {       
    .c-buy-online-sub .g-arrow-container { right: 32.3%;}       
}


/*common component starts here*/


@media only screen and (min-width:768px) and (max-width:991px) {
.header .top-bar a { margin-right:25px;}
}

@media only screen and (max-width:991px) {
.g-left .g-left-dropdown select { display:block; width: 110px; font-size: 14px;}
/*.g-left .g-left-dropdown { margin-top:0;}*/
    
.nav-col-box { width:100%;}
.v-header .mega-menu .nav-img {  width:100%; }
.v-header .mega-menu .nav-col { width:100%;}
.v-header .mega-menu .nav-col.fourcolumn { width:100%}
.v-header .mega-menu .nav-col.threecolumn { width:100%}   
    
.mob-header { display:flex; align-items:center; justify-content:space-between; }
     header .navigation{width: auto;}
     header .navigation>ul>li{padding: 10px 0px 10px 0;}
     .v-header .navigation li a{padding: 20px 0 20px 0;}
}


@media only screen and (max-width:767px) {
.h2 .section-header::before { left: -50px; top: 45%;}
.global-button { margin:15px 0;}
.header .search { padding: 50px 30px;}
.header .login { right:0; left:auto;}
.contact a span { display:none;}
.g-right{float: right; align-items: center; justify-content: center;} 
.header .top-bar .g-right>div:first-child { margin-right: 5px; }
/*.g-left .g-left-dropdown { margin-top:0;}*/
.header .top-bar .g-right>div.country { padding-right:15px;}
.g-left-dropdown-common select { font-size:11px; width:95px;}
.header .top-bar a { margin-right:5px;}
.g-left .g-left-dropdown select { display:block; font-size: 11px; width: 90px;}
   
   
}

/*common component ends here*/



/*carosel component starts here*/

/*carosel component ends here*/




/* 4steps component starts here*/


@media only screen and (min-width:768px) and (max-width:991px) {
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box { padding:80px 25px;}
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box .section-header::before { left:-25px; } 
.c-four-easy-steps .four-easy-steps-content .form-box-content .section-header::before { left:-80px; }    
}


@media only screen and (max-width:767px) {
.c-four-easy-steps .four-easy-steps-content { display:block;}
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box ul li span { font-size:60px; line-height:90px; margin-right: 10px;}
.c-four-easy-steps .four-easy-steps-content .four-easy-steps-box .section-header::before { left:-15px; }   
.c-four-easy-steps .four-easy-steps-content .form-box-content { width:100%; display: block; }
.c-four-easy-steps .four-easy-steps-content .form-box-content .form-box { margin:-60px 0 0 -30px;}
.c-four-easy-steps .four-easy-steps-content .form-box-content .section-header::before { left:-50px; }
}


/* 4steps component ends here*/





/* feature products component starts here*/

@media only screen and (min-width:1200px) and (max-width:1919px) { 

}

@media only screen and (min-width:992px) and (max-width:1199px) {


}



@media only screen and (min-width:768px) and (max-width:991px) {
.c-feature-products .section-header::before { left:-25px; }
.c-feature-products .feature-product-carosel { padding: 0 0 40px 0;}
.c-feature-products .feature-product-carosel .mainSlide .box .h2 { padding:10px!important;}
    
}


@media only screen and (max-width:767px) {
.c-feature-products .feature-product-carosel .mainSlide { display: block; }
.c-feature-products .feature-product-carosel .mainSlide div { display: block; }
.c-feature-products .feature-product-carosel .mainSlide .box { width: 100%; margin:40px auto 60px auto; display: block; padding:5px;}
.c-feature-products .section-header::before { left:-15px; } 
.c-feature-products .feature-product-carosel .mainSlide .box .h2 { padding:10px!important;}
.c-feature-products .feature-product-carosel { padding: 0;}

}

/* feature products component ends here*/




/* product-list component starts here*/





@media only screen and (max-width:767px) {
    .c-feature-products .products-list ul { display:block;} 
    .c-feature-products .products-list ul li { margin-right:0; margin-bottom:30px;}
    
}

/* product-list component ends here*/



/* decor solutions component starts here*/

@media only screen and (min-width:1200px) and (max-width:1919px) { 

}

@media only screen and (min-width:992px) and (max-width:1199px) {
.c-decor-solutions .decor-solutions-list { margin-right: 40px; }

}


@media only screen and (min-width:768px) and (max-width:991px) {
.c-decor-solutions .decor-solutions-list {  margin-right: 30px; padding:30px;}
.c-decor-solutions .section-header::before { left:-25px; } 
}



@media only screen and (max-width:767px) {
.c-decor-solutions .decor-solutions-list { margin-right:15px; height: auto;}
.c-decor-solutions .section-header::before { left:-15px; } 

}

/* decor solutions component ends here*/



/* tools list component starts here*/


@media only screen and (min-width:768px) and (max-width:991px) {
.c-tools .section-header::before { left:-25px; }

}




@media only screen and (max-width:767px) {
.c-tools .section-header::before { left:-15px; } 
.c-tools .tools-list ul { display:block;}
.c-tools .tools-list ul li { display:block; width:100%; text-align: center; margin-bottom:30px;}

}
/* tools list component ends here*/



/* inspiring-decor component starts here*/

@media only screen and (min-width:768px) and (max-width:991px) { 
.c-inspiring-decor::before { height: calc(100% - 10%);}
.c-inspiring-decor .section-header::before { left:-25px; }
.c-inspiring-decor .mainSlide div:first-child { width:30%; padding:10px 10px 10px 45px;}
.c-inspiring-decor .mainSlide h5 { margin-bottom:10px;}
.c-inspiring-decor .mainSlide div:first-child { padding: 40px 40px 40px 45px;}

}

 @media only screen and (max-width:767px) {
     
.c-inspiring-decor::before { height: 100%;}
.c-inspiring-decor .mainSlide div { display:block;}
.c-inspiring-decor .mainSlide div:first-child { width:100%; padding: 10px 10px 45px 25px;}
.c-inspiring-decor .mainSlide h5 { margin-bottom:15px;}
.c-inspiring-decor .section-header { position:relative; margin:40px 0 20px 0;}
.c-inspiring-decor::before { width:95%;}
.c-inspiring-decor .section-header::before { left:-15px; } 

     
}

/* inspiring-decor component ends here*/


/* buy online component starts here*/

@media only screen and (min-width:1200px) and (max-width:1919px) { 

}

@media only screen and (min-width:992px) and (max-width:1199px) {
.c-buy-online .card-box .left { width: 31%;}
.c-buy-online .card-box .middle { width:35%;}
.c-buy-online .card-box .right { width:29%;}


}


@media only screen and (min-width:768px) and (max-width:991px) {
.c-buy-online .card-box .left { width: 29%;}
.c-buy-online .card-box .middle { width:40%;}
.c-buy-online .card-box .right { width:29%;}
.c-buy-online .section-header::before { left:-25px; } 
  
}



 @media only screen and (max-width:767px) {
     
.c-buy-online .card-box { display:block;}
.c-buy-online .card-box .left { width:100%;}
.c-buy-online .card-box .right { width:100%;}
.c-buy-online .card-box .middle { width:100%;}
.c-buy-online .section-header::before { left:-15px; } 
     
}

/* buy online component ends here*/


/* buy online sub component starts here*/

@media only screen and (min-width:768px) and (max-width:991px) {
.c-buy-online-sub::before { width:98%;}
}


@media only screen and (max-width:767px) {
     
     .c-buy-online-sub::before { height: calc(100% - -20%);}
     .c-buy-online-sub .buy-online-carosel .mainSlide div { display:block; text-align: left; }
     .c-buy-online-sub .buy-online-carosel .mainSlide div:last-child { width:100%; padding: 0 0 0 25px; }
     .c-buy-online-sub::before { width:95%; }
     .c-buy-online-sub .buy-online-carosel .section-header { position:relative;}
     .c-buy-online-sub .section-header::before { left:-40px; }  

}

 

/* buy online sub component ends here*/
    
    
 
/* buy online product component starts here*/



@media only screen and (min-width:768px) and (max-width:991px) {
.c-buyonline-product .section-header::before { left:-25px; } 
}



@media only screen and (max-width:767px) {
.c-buyonline-product .section-header::before { left:-15px; } 
}

/* buy online product component ends here*/

    

/* footer component starts here*/


@media only screen and (min-width:992px) and (max-width:1199px) {
    
.footer-box .four-column ul > li { width: 23%;}
.footer-box .four-column ul > li > ul > li { font-size:13px;}
    
}




@media only screen and (min-width:768px) and (max-width:991px) {
.footer-box .four-column ul > li { width:33.33%;}
.footer-box .four-column ul > li > ul > li { font-size:12px;}
.footer-box .note { font-size:13px;}

}


@media only screen and (min-width:481px) and (max-width:767px) { 
.footer-box .four-column ul > li { width:50%;}
}



@media only screen and (max-width:767px) {

.footer-box .four-column ul > li > ul > li { font-size:13px;}
.footer-box .note { font-size:13px;}
.footer-box .note:before { width: 100%;  height: 1px;  top: -15px;  position: absolute;  left: 0;}
.footer-sub-box ul { float:left; margin:10px 0;}
.footer-sub-box ul li { margin: 13px 13px 0 13px;}   
.footer-sub-box ul li:first-child { margin: 13px 13px 0 0;}
    
    
}

@media only screen and (max-width:479px){
.footer-sub-box ul li { font-size:13px;  margin: 13px 6px 0 6px;}
.footer-sub-box ul li::after{ right: -6px;}

}

@media only screen and (max-width:480px) {
.footer-box .four-column ul > li { width:100%;}


}
/* footer component ends here*/








.trackWrapperOldBase.user-order-info--trackOrderWrapper {
	max-width: 1100px;
	margin: 0 auto;
}
.trackWrapperOldBase .user-order-info--trackStatusDateTime,.trackWrapperOldBase .user-order-info--trackStatusLocation,.trackWrapperOldBase .user-order-info--trackStatusCurrentStatusInfo {
	flex-basis: 30%;
}
.trackWrapperOldBase .user-order-info--trackOrderBackArrow {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 1.08px;
  font-family: "apFontMedium";
  text-transform: uppercase;
}
.trackWrapperOldBase .user-order-info--trackOrderBackArrow span {
  padding-right: 32px;
}
.trackWrapperOldBase .user-order-info--trackOrderDetailsWrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.38);
  margin: 20px 0 30px;
}
.trackWrapperOldBase .user-order-info--trackOrderDetailsBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 22px 50px;
}
.trackWrapperOldBase .user-order-info--trackOrderNumberWrap, .trackWrapperOldBase .user-order-info--trackOrderAWBNumberWrap, .trackWrapperOldBase .user-order-info--trackOrderDateTimeWrap {
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0.86px;
  text-transform: uppercase;
}
.trackWrapperOldBase .user-order-info--trackOrderNumberWrap label, .trackWrapperOldBase .user-order-info--trackOrderAWBNumberWrap label, .trackWrapperOldBase .user-order-info--trackOrderDateTimeWrap label {
  font-family: "apFontSemiBold";
}
.trackWrapperOldBase .user-order-info--trackOrderNumber, .trackWrapperOldBase .user-order-info--trackOrderAWBNumber, .trackWrapperOldBase .user-order-info--trackOrderDateTime {
  font-family: "apFontRegular";
}
.trackWrapperOldBase .user-order-info--trackOrderNumber {
  display: table;
  border-bottom: 3px solid #8839ff;
}
.trackWrapperOldBase .user-order-info--trackOrderInfoWrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.38);
}
.trackWrapperOldBase .user-order-info--trackOrderInfoBlock {
  padding: 40px 50px;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusWrapper {
  position: relative;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusBlock {
  position: relative;
  top: -5px;
  margin-left: 44px;
  display: flex;
}
.trackWrapperOldBase .user-order-info--trackOrderDot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #431a80;
  position: absolute;
  top: 0;
  left: -5px;
}
.trackWrapperOldBase .user-order-info--trackStatus {
  margin-left: 25px;
  flex: 1 0 0;
}
.trackWrapperOldBase .user-order-info--trackStatusInfo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0.5px;
  font-family: "apFontRegular";
  text-transform: uppercase;
  color: #222222;
}
.trackWrapperOldBase .user-order-info--trackStatusName {
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 1px;
  font-family: "apFontSemiBold";
  text-transform: uppercase;
  margin-bottom: 10px;
}
.trackWrapperOldBase .user-order-info--trackStatusExpandCollapse {
  display: none;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent {
  border-left: 1px solid #431a80;
  padding-bottom: 50px;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent:last-child {
  padding-bottom: 0;
  border-left: none;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress {
  border-color: #d6d6d6;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress .user-order-info--trackOrderDot {
  border: 3px solid #fff;
  height: 16px;
  width: 16px;
  left: -8px;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress .user-order-info--trackOrderDot:after {
  border: 1px solid #431a80;
  content: "";
  padding: 8px;
  border-radius: 50%;
  display: block;
  position: relative;
  top: -4px;
  left: -4px;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress .user-order-info--trackStatusInfo {
  display: flex;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress ~ .user-order-info--trackOrderStatusParent {
  border-color: #d6d6d6;
}
.trackWrapperOldBase .user-order-info--trackOrderStatusParent.track-inProgress ~ .user-order-info--trackOrderStatusParent .user-order-info--trackOrderDot {
  background: #d6d6d6;
}

@media only screen and (max-width: 991px) {
	.trackWrapperOldBase .user-order-info--trackOrderDetailsBlock {
    	padding: 15px 20px;
  	}
	.trackWrapperOldBase .user-order-info--trackOrderStatusParent {
    	padding-bottom: 25px;
  	}
  	.trackWrapperOldBase .user-order-info--trackOrderDetailsBlock > div:nth-child(n+3) {
    	margin-top: 20px;
  	}
	.trackWrapperOldBase .user-order-info--trackOrderNumberWrap, .trackWrapperOldBase .user-order-info--trackOrderAWBNumberWrap, .trackWrapperOldBase .user-order-info--trackOrderDateTimeWrap {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.86px;
		flex-basis: 50%;
  	}
	.trackWrapperOldBase .user-order-info--trackStatusExpandCollapse {
    	display: block;
    	position: relative;
  	}
	.trackWrapperOldBase .user-order-info--trackStatusExpandCollapse.plus {
		top: 2px;
	}
	.trackWrapperOldBase .user-order-info--trackStatusExpandCollapse.minus {
		top: 7px;
	}
	.trackWrapperOldBase .user-order-info--trackStatusDateTime {
		margin-top: 0 !important;
	}
	.trackWrapperOldBase .user-order-info--trackStatusDateTimeLabel, .trackWrapperOldBase .user-order-info--trackStatusLocationLabel, .trackWrapperOldBase .user-order-info--trackStatusCurrentStatusLabel {
		margin-bottom: 2px;
	}
	.trackWrapperOldBase .user-order-info--trackStatusDateTime, .trackWrapperOldBase .user-order-info--trackStatusLocation, .trackWrapperOldBase .user-order-info--trackStatusCurrentStatusInfo {
		flex-basis: 100%;
		margin-top: 25px;
	}
	.trackWrapperOldBase .user-order-info--trackStatusName {
		margin-bottom: 25px;
	}
	.trackWrapperOldBase .user-order-info--trackStatusInfo {
		display: none;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.86px;
		margin-left: -50px;
		padding-top: 15px;
	}
	.trackWrapperOldBase .user-order-info--trackStatus {
		margin-left: 13px;
	}
	.trackWrapperOldBase .user-order-info--trackOrderStatusBlock {
		margin-left: 27px;
		border-bottom: 1px solid rgba(42, 42, 42, 0.1);
		top: 0;
		padding-bottom: 25px;
	}
	.trackWrapperOldBase .user-order-info--trackOrderInfoWrapper {
		border: none;
		box-shadow: none;
	}
	.trackWrapperOldBase .user-order-info--trackOrderInfoBlock {
		padding: 40px 20px;
	}
  .trackWrapperOldBase.user-order-info--trackOrderWrapper {
    padding: 0 20px;
  }
}

.track-status-img {
    width:30px;
    height: 30px;
    background-image: none;
}
.cancelled-message {
    margin-top: 15px;
    text-align: center;
    color: red;
    font-weight: 100;
    font-family: 'apFontRegular';
    font-size:13px;
}

.modal-loader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(clientlib-site-revised/images/ap-logo-loader.gif) 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .modal-loader {
    display: block;
}

body.loading .modal-loader .loaderHeading {
    position: absolute;
    top: 60%;
    left: 50%;
    margin: auto;
    transform: translateX(-50%);
    color: #4c08af;
    text-align: center;
    font-family: 'apFontRegular';
}

@media only screen and (max-width: 991px) {
    .modal-loader {
        background: rgba( 255, 255, 255, .8 ) url(clientlib-site-revised/images/ap-logo-loader.gif) 50% 35% no-repeat;
    }
    body.loading .modal-loader .loaderHeading {
        top: 45%;
    }
}

.user-order-info--trackOrderWrapper.trackvisibility {
    visibility: hidden;
}
.profileLinks .links.active a,
.profileLinks a:hover,
.profileLinks .links a,
.profileLinks .links.active a::after, .profileLinks a:hover:after{
    background: none;
}
div.error {
    bottom: -25px;
    position: absolute;
}
profile_fname {
    color: #000000;
}
.profile-content {
    padding-left: 0;
    padding-right: 0;
}
.open > .dropdown-menu {
    display: block;
}
.profileLinks .links:nth-child(2) {
    display: none;
}
.profile_gender .dropdown-menu li a span.text {
    font-size: 13px;
    font-family: 'apFontRegular';
    text-transform: capitalize;
}
.profile_gender .dropdown-menu {
    border: none;
}
.profile_gender .dropdown-menu ul li {
    margin-top: 5px !important;
    border-bottom: 1px solid #ccc;
    max-width: 100% !important;
}
.profile_gender .dropdown-menu.open {
    margin-top: 10px;
}
.ap_user-profile-form {
    display: inline-block;
}
.mobile-device option:nth-child(3) {
    display: none;
}
.profileLinks .links a {
    color: #9c9c9c;
    font-size: 14px;
    padding: 22px 0;
    letter-spacing: 1.08px;
    line-height: 0.93;
    text-transform: uppercase;
}
.profileLinks .links.active a {
    color: #222222;
}
.my-profile .tab {
    flex: 0 0 70%;
}
.my-profile .tab .p-detailsWrap {
    max-width: 100%;
}
.profile-details {
    background: none;
    padding: 0;
}
.section-header:before {
    background: none;
}
.profile-details .ap_user-profile-form,
.details-inputs .profile_change_password ul{
    border: 1px solid #e9e9e9;
    box-shadow: 0 5px 5px #e9e9e9;
    padding: 20px 40px;
    padding-right: 0;
}
.profile-details .prof-picture .ap_profile_Pic {
    border: 8px solid #533CBC;
    border-radius: 50%;
    width: auto;
    height: 120px;
}
.profile-details .prof-picture .col-md-2 {
    padding: 0;
}
.details-inputs .input-list-grp label {
    width: auto;
    color: #858585;
    max-width: 100% !important;
    text-transform: uppercase;
    letter-spacing: 1.08px;
}
.details-inputs .input-list-grp input {
    padding: 0;
    margin-top: 10px;
}
.details-inputs .input-list-grp input,
.details-inputs .input-list-grp .faq-select-drop-down-item, .profile_gender .filter-option {
    width: 90%;
    max-width: none;
    float: left;
    border: none;
    border-bottom: 1px solid #000000;
    font-family: 'apFontSemiBold';
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
.profile_gender .filter-option {
    border-bottom: none;
}
.c-filetr-box .form-box input:checked ~ .form-indicator {
    border-color: #431a80;
    background-color: #431a80;
}
.c-filetr-box .form-box .form-checkbox .form-indicator:after {
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
}
.details-inputs .input-list-grp .slct-style1 .dropdown-toggle {
    border: none;
}
.details-inputs .input-list-grp .faq-select-drop-down-item .caret {
    display: none;
}
.ap-auth-manager-protected-section .profile-details .ap_user-profile-form a.global-button-white,
.changes-passCont .global-button-white,.bookAppointmentPLP .formWrapPLP .colWrapPLP .btn-style3 {
    border-radius: 0;
    background-color: #431A80 !important;
    color: white !important;
    padding: 15px 20px !important;
    font-size: 13px !important;
    letter-spacing: 1.08px;
    font-family: 'apFontSemiBold' !important;
    text-transform: uppercase !important;
}
.ap-auth-manager-protected-section .profile-details .ap_user-profile-form a.global-button-white {
    margin-top: 25px !important;
}
.profile-details .ap_user-profile-form .col-md-10 {
    max-width: 100%;
}
.input-list-grp .faq-select-drop-down-item .bootstrap-select {
    margin-top: 5px;
}
.input-list-grp .faq-select-drop-down-item .bootstrap-select .dropdown-toggle {
    padding:0;
}
.profile-details #editProfile {
    color: #000000;
    border-bottom: 2px solid #431a80;
    font-family: 'apFontSemiBold';
    text-transform: uppercase;
    letter-spacing: 1.08px;
}
.profile-details #editProfile img {
    display: none;
}
.profile-details #editProfile a {
    color: #000000;
}
.changes-passCont #editProfile {
    display: none;
}
.profile-completeness,
.profile-details .prof-picture h2 span{
    display: none;
}
.details-inputs .profile_change_password {
    margin-top: 50px;
}
.details-inputs .profile_change_password ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.details-inputs .profile_change_password ul li {
    flex: 0 0 100%;
}
.profile-details h2 span {
    display: none;
}
.profile-details .service_testimonial_content {
    text-align: left !important;
}
.selectMbile .slct-style1 .dropdown-toggle {
    border-radius: 2px;
    border-color: #222222;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
}
.selectMbile .slct-style1 .dropdown-toggle span.caret {
    display: none;
}
select.mobile-device {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'apFontLight';
}
div.upload-img-btn {
    background: none;
    width: auto;
    text-align: center;
    margin-right: 18px;
    margin-top: 15px;
}
label.upload-pic {
    color: #000000;
    border-bottom: 2px solid #431a80;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.08px;
    font-family: 'apFontSemiBold';
}
.details-inputs .input-list-grp input::placeholder {
    color: #d6d6d6;
    font-family: 'apFontRegular';
    text-transform: lowercase;
    font-size: 15px;
}
.ap_user-profile-form .details-inputs > ul:not(:first-child) {
    display: none;
}
.ap_user-profile-form .details-inputs > ul:first-child {
    flex: 0 0 100%;
    max-width: 100%;
}
.ap_user-profile-form .details-inputs > ul:first-child li {
    max-width: 50%;
}
.ap_user-profile-form .details-inputs > ul:first-child li:nth-child(6) {
    display: none;
}
.c-sticky-box .custom-circleWrap img {
    background: none;
}
.ap-user-profile-pic div .response_msg,
.profile_success_msg .response_msg {
    background: none;
    box-shadow: none;
    font-family: 'apFontLight';
    margin-left: 13px;
}
.ap-user-profile-pic div .success_msg {
    color: #24a600;
}
.ap-user-profile-pic div .failure_msg {
    color: #ed1c24;
}
.profile_success_msg .response_msg .profile_success_msg {
    margin-left: 0 !important;
    text-align: left;
}
.profile_success_msg .response_msg span {
    font-size: 14px;
}

/*Order page styling*/

.profile-details .order-details-content .order-details-title,
.profile-details .order-details-content .product-detail .bg-grey-dark,
.profile-details .order-details-content .product-detail .bg-grey,
.profile-details .order-details-content .bg-grey-light{
    background: none;
}
.profile-details .order-details-content .order-details-title {
    text-align: center;
}
.profile-details .order-details-content .order-details-title a.view-details {
    color: #431A80;
    border: 1px solid #431A80;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'apFontRegular';
    padding: 15px 25px;
}
.profile-details .order-details-content {
    border: 1px solid #e9e9e9;
    box-shadow: 0 5px 5px #e9e9e9;
    margin-bottom: 30px;
}
.profile-details .p-detailsWrap {
    padding-right: 0;
}
.profile-details .order-details-content .order-title-black {
    font-size: 12px !important;
    letter-spacing: 0.86px;
    text-transform: uppercase;
    font-family: 'apFontRegular';
}
.profile-details .order-details-content .order-details-title .order-title {
    border: none;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'apFontRegular';
}
.profile-details .order-details-content .order-details-title .order-title span {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'apFontRegular';
}
.order-details-title .col-sm-push-6 {
    position: absolute;
    right: 0;
    text-align: center;
}
.order-detail-image-block {
    margin-right: 50px;
}
.order-detail-imagecontent-block .right h4 {
    display: none;
}
.order-detail-imagecontent-block .left {
    float: none;
    max-width: unset;
}
.order-detail-imagecontent-block .left h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'apFontSemiBold';
    letter-spacing: 1px;
    line-height: 1.57;
}
.order-detail-imagecontent-block .left #qty,
.order-detail-imagecontent-block .left #price,
.order-detail-imagecontent-block .left #shadeCode{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.57;
    font-family: 'apFontRegular';
}
.order-detail-imagecontent-block {
    display: inline-block;
    width: 60%;
}
.order-details-btn a {
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.08px;
    font-family: 'apFontRegular';
    border-bottom: 2px solid #431a80;
    padding: 0;
    padding-bottom: 4px;
    color: #222222;
}
.order-details-btn a:hover {
    background-color: unset;
    border-color: #431a80;
    color: #222222;
}
.profile-details .order-details-content .product-detail .bg-grey .col-md-3,
.profile-details .order-details-content .product-detail .bg-grey-dark .col-md-3 {
    text-align: right;
}
.profile-details .order-details-content .bg-grey-light .payment-summary-wrapper {
    padding: 0 0 30px;
}
.profile-details .order-details-content .bg-grey-light .payment-summary-wrapper span,
.profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb h4 span {
    font-size: 16px;
    font-family: 'apFontSemiBold';
    text-transform: uppercase;
    letter-spacing: 1.08px;
    line-height: 1.57;
}
.profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb #shipAddress,
.profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb #billAddress {
    padding-bottom: 30px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 2;
    font-family: 'apFontLight';
}
.payment-summary-content tr > td {
    font-size: 13px;
    letter-spacing: 0.5px;
}
.profile-details .order-details-content .bg-grey-light .payment-summary-wrapper table tbody {
    text-transform: uppercase;
    font-size: 14px;
}
.yourvoice-green-header {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'apFontSemiBold';
    margin-top: 10px;
    line-height: 1.57;
}
.yourvoice-green-header > img {
    background: none;
    vertical-align: middle;
}

/*Order cancel modal*/

#cancelAppointment .typography .modal-content {
    padding: 25px;
}
#cancelAppointment .typography .modal-content .modal-title {
    padding: 0;
}
#cancelAppointment .typography .modal-content .modal-header h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    line-height: 1.57;
    color: #222222;
    margin-bottom: 20px;
    width: 90%;
}
.modal.in .modal-dialog .modal-content .close {
    opacity: 1;
}
.modal.in .modal-dialog .modal-content .close::after {
    top: 33%;
}
#cancelAppointment .typography p,
#cancelAppointment .typography p a .global-button-white {
    text-transform: uppercase;
    border-color: #431a80;
}
#cancelAppointment .typography p a .global-button-white {
    border-radius: 0;
    background-color: #431a80 !important;
    color: #ffffff !important;
}
#cancelAppointment .typography p {
    font-size: 13px;
    letter-spacing: 1px;
}
#cancelAppointment .modal-header {
    padding-left: 0;
}

/*Documents page*/

.document-input .docfile {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    line-height: 1.57;
    background-color: #431a80;
    color: #ffffff;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    letter-spacing: 0.5px;
}
.document-tab .error-limit {
    margin-top: -30px;
    text-transform: uppercase;
}
.doc-format ul li {
    background: #ffffff;
    padding: 20px 0;
}
.document-tab .bill-detail span {
    font-size: 16px;
    color: #222222;
    font-family: 'apFontLight';
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.document-tab .bill-detail i#deletedoc img {
    display: none;
}
.document-tab .bill-detail i#deletedoc a {
    border: 1px solid #431a80;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    text-transform: uppercase;
}
.document-tab .max-limit {
    text-align: left;
    padding: 15px 0;
}
.document-tab .max-limit p {
    margin-top: 10px;
    font-size: 14px;
    font-family: 'apFontLight';
    letter-spacing: 0.5px;
}
.document-tab .max-limit p:first-letter {
    text-transform: uppercase;
}
.selectMbile {
    display: none;
}
.ap_user-profile-form .profile_dob::-webkit-calendar-picker-indicator,.ap_user-profile-form .profile_dob::-webkit-clear-button,
.ap_user-profile-form input[type=date].profile_dob::-webkit-inner-spin-button {
    display: none;
}

@media only screen and (max-width: 767px) {
    .inner-secn {
        padding: 150px 0 0;
    }
    .my-profile .tab {
        flex: 0 0 100%;
    }
    .profile-details .ap_user-profile-form,
    .details-inputs .profile_change_password ul {
        padding: 25px;
        padding-right: 0;
    }
    .profile-details .profile-completeness h2 {
        padding-left: 0;
    }
    .profile-details #editProfile {
        margin-right: 0;
        float: none;
        margin-left: 88%;
    }
    .details-inputs .input-list-grp label,
    .details-inputs .input-list-grp input,
    .details-inputs .input-list-grp .faq-select-drop-down-item {
        font-size: 12px;
    }
    div.upload-img-btn {
        margin-left: 27px;
        margin-right: 0;
        text-align: left;
    }
    .details-inputs .input-list-grp label {
        width: 100%;
    }
    .profile-details .prof-picture .ap_profile_Pic {
        width: 120px;
        margin-top: -20px;
    }

    /*Order Page Styling*/

    .orderDetails .p-detailsWrap#orderDetails {
        padding-left: 15px !important;
    }
    .profile-details .order-details-content .order-details-title {
        text-align: left;
        padding: 10px 20px;
    }
    .order-details-content .row p.order-title-black {
        padding: 5px 0;
        line-height: 2;
    }
    .order-details-content .row p > span {
        display: block;
    }
    .profile-details .order-details-content .order-details-title .order-title {
        width: 100%;
        margin-top: 5px;
        font-size: 11px;
    }
    .orderDetails .p-detailsWrap#p-details {
        padding-left: 0 !important;
    }
    .profile-details .order-details-content .order-details-title a.view-details {
        font-size: 11px;
        padding: 10px 18px;
    }
    .yourvoice-green-header {
        font-size: 13px;
    }
    .order-detail-imagecontent-block .left #qty,
    .order-detail-imagecontent-block .left #price,
    .order-detail-imagecontent-block .left #shadeCode{
        font-size: 11px;
        line-height: 2;
    }
    .order-details-title .col-sm-push-6{
        padding-right: 10px;
        margin-top: 10px;
    }
    .profile-details .order-details-content .order-details-title .order-title span {
        font-size: 11px;
    }
    .profile-details .order-details-content .order-details-title, .profile-details .order-details-content .product-detail .bg-grey-dark,
    .profile-details .order-details-content .product-detail .bg-grey,
    .profile-details .order-details-content .bg-grey-light {
        padding: 0 5px;
    }
    .profile-details .order-details-content .bg-grey-light .payment-summary-wrapper span,
    .profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb h4 span {
        font-size: 14px;
    }
    .profile-details .order-details-content .bg-grey-light .payment-summary-wrapper {
        padding: 0;
    }
    .profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb #shipAddress,
    .profile-details .order-details-content .bg-grey-light .col-sm-7.global-mtb #billAddress {
        font-size: 11px;
        padding-bottom: 15px;
    }
    .profile-details .order-details-content .bg-grey-light .payment-summary-wrapper {
        margin: 15px 0;
    }
    .payment-summary-content tr > td {
        font-size: 11px;
    }
    .order-details-btn {
        width: 50%;
        margin: 2px;
        padding-right: 25px;
        text-align: left;
    }
    .order-details-btn a {
        font-size: 11px;
    }
    .order-details-content .row p.order-title-black,
    .profile-details .order-details-content .order-details-title .order-title {
        margin-left: 15px;
    }
    .order-detail-imagecontent-block {
        margin-top: 10px;
    }
    .profile-details .order-details-content .product-detail .bg-grey-dark,
    .profile-details .order-details-content .product-detail .bg-grey,
    .profile-details .order-details-content .bg-grey-light {
        padding-bottom: 15px;
    }
    .global-mtb {
        margin: 0;
    }
    .order-detail-imagecontent-block .left h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .float-r-mob {
        float: none !important;
    }
    .yourvoice-green-header {
        font-size: 12px;
    }
    .order-details-content .row p.order-title-black {

    }
    .ap-auth-manager-protected-section .profile-details .ap_user-profile-form a.global-button-white {
        margin-left: -25px !important;
    }
    .ui-datepicker {
        width: 80.5vw;
        margin-left: -33px;
    }

    /*Documents page*/

    .document-tab .bill-detail span,
    .document-tab .bill-detail i#deletedoc a,
    .document-tab .max-limit p {
        font-size: 12px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    div.upload-img-btn {
        margin-right: -5px;
    }

    /*Order Page Styling*/

    .profile-details .order-details-content .order-details-title a.view-details {
        padding: 10px 15px;
        margin-right: 10px;
    }
    .order-details-content .row p.order-title-black {
        padding: 1px;
        line-height: 24px;
    }
    .order-detail-imagecontent-block {
        margin-top: -4px;
    }
    .profile-details .order-details-content .product-detail .bg-grey-dark,
    .profile-details .order-details-content .product-detail .bg-grey,
    .profile-details .order-details-content .bg-grey-light {
        margin-left: 10px;
    }
    .profile-details .order-details-content .product-detail .bg-grey .col-md-3,
    .profile-details .order-details-content .product-detail .bg-grey-dark .col-md-3 {
        text-align: left;
    }

}
@media only screen and (max-width: 1024px) {
    .ap_user-profile-form .details-inputs > ul:first-child li {
        max-width: 100%;
    }
    .order-detail-image-block {
        width: 40% !important;
        margin-right: 20px;
    }
    .order-detail-imagecontent-block {
        width: 48%;
    }
    .selectMbile {
        display: block;
    }
}
/* styles for minicart in my-profile.html page  */
.shop-mini-cart-revamp .mini-cart-wp {
    height: 100%;
  }
  .shop-mini-cart-revamp .mini-cart-shade {
    position: absolute;
    display: none;
  }
  .shop-mini-cart-revamp .mini-cart-shade--textArea * {
    color: #fff;
    font-size: 20px;
  }
  .shop-mini-cart-revamp .product-description {
    width: 220px;
  }
  .shop-mini-cart-revamp .input-group {
    margin-top: 15px;
  }
  .shop-mini-cart-revamp .inr-rupee {
    margin-left: 17px !important;
  }
  .shop-mini-cart-revamp .cart-quantity {
    text-align: center;
    height: 25px;
    width: 70px;
    border-right: none;
    border-left: none;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
  }
  .shop-mini-cart-revamp .btn-number {
    height: 25px;
    padding: 10px;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    border-radius: 0;
    box-shadow: none;
    outline: none;
  }
  .shop-mini-cart-revamp .btn-number:focus {
    border: 1px solid #431a80 !important;
  }
  .shop-mini-cart-revamp .quantity-left-minus span {
    margin-top: -2px;
  }
  @media (min-width: 320px) and (max-width: 991px) {
    .shop-mini-cart-revamp .product-description {
      width: 215px;
    }
    .shop-mini-cart-revamp .mini-cart-wp {
      position: relative;
      height: 100%;
    }
  }
  
  /* @include extraSmall() */
  @media (min-width: 320px) and (max-width: 374px) {
    .show-cart-items .cart-items-wrapper {
      padding: 20px 4px !important;
      right: -4px !important;
    }
    .show-cart-items .cart-items-wrapper .item-lists {
      padding-right: 15px;
    }
    .show-cart-items .cart-items-wrapper .item-lists li .item-picture {
      margin-right: 12px;
    }
    .show-cart-items .cart-items-wrapper .item-lists li .description-text {
      margin-right: 0px;
    }
    .shop-mini-cart-revamp .inr-rupee {
      margin-left: 2px;
    }
  }
  /* mediumScreen() */
  @media (min-width: 768px) and (max-width: 991px) {
    .show-cart-items .cart-items-wrapper {
      right: 0;
    }
  }
  /* @include extra-mediumScreen() */
  @media (min-width: 576px) and (max-width: 767px) {
    .show-cart-items .cart-items-wrapper {
      right: 0;
    }
  }
  
  .show-cart-items .cart-items-wrapper {
    padding: 18px !important;
  }
  .show-cart-items .cart-items-wrapper .item-lists::-webkit-scrollbar {
    width: 4px;
  }
  .show-cart-items .cart-items-wrapper .item-lists::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .show-cart-items .cart-items-wrapper .item-lists::-webkit-scrollbar-thumb {
    background-color: darkgrey;
  }
  @media (min-width: 320px) and (max-width: 991px) {
    .shop-mini-cart-revamp .inr-rupee {
      margin-left: 10px !important;
    }
  }  
/*Shop Details page*/
.shop-details-common-wp {
    padding: 0 42px;
}
.shop-details-common-wp .upper-case{
    text-transform: uppercase;
}
.c-product-specs .section-header {
    margin-bottom: 0;
    font-size: 30px;
    font-family: 'apFontSemiBold';
    color: #222222;
    line-height: 1.33;
    padding-left: 0;
}
.c-offers-box .amount-box {
    margin-top: 20px;
    margin-bottom: -11px !important;
}
.c-offers-box .amount-box .cl_discount_price {
    position: static;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 2.52;
    font-family: 'apFontLight';
    color: #222222;
}
.c-offers-box .amount-box .cl_actual_price {
    font-size: 20px;
    line-height: 1.1;
    font-family: 'apFontRegular';
}
.c-offers-box .amount-box .green-text {
    font-size: 13px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #dfa229;
}
.c-product-specs .product-specs-box {
    display: block;
}
.c-product-specs .product-specs-box label {
    font-size: 13px;
    font-family: 'apFontRegular';
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.54;
    font-weight: bolder;
    width: 75%;
}
.c-product-specs .product-specs-box .form-box {
    width: 50%;
    margin-top: 10px;
}
.c-product-specs .product-specs-box .form-box .pincode {
    background: none;
    border-color: #000000;
    font-size: 14px;
    letter-spacing: 1.08px;
    padding-left: 0;
    font-family: 'apFontRegular';
}
.c-product-specs .product-specs-box .form-box .pincode::placeholder,
.cart-calender-right-content .pincode::placeholder {
    text-transform: uppercase;
    font-family: 'apFontLight';
}
.c-product-specs .form-box .google-map-icon {
    top: 10px;
    border-bottom: 2px solid #8839ff;
}
.c-product-specs .form-box .google-map-icon a:after {
    content: 'CHECK';
    font-size: 13px;
    font-family: 'apFontRegular';
    color: #222222;
    letter-spacing: 1px;
}
.c-product-specs .form-box .google-map-icon a img {
    display: none;
}
.c-quantity-box {
    margin-top: 50px;
}
.c-quantity-box label {
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
}
.c-quantity-box .calculation .minus,
.c-quantity-box .calculation .plus,
.cart-item-number-update .item-cart-minus,
.cart-item-number-update .item-cart-plus {
    background-color: #431a80;
}
.c-quantity-box .calculation .Number input {
    background: none;
    color: #222222;
    font-family: 'apFontRegular';
}
.c-product-specs .global-button-white,
.c-product-specs .global-button,
.user-listing .global-button-white,
.cart-calender-right-container .checkout-cart,
.submit-product-review,
.global-button-white#showMoreComments,
.textdescriptionwithCTA .global-button-white,.thank-content-subtext .btn-style2,.campus-wrap .campus-block .global-button-white {
    text-transform: uppercase !important;
    font-size: 13px !important;
    border-radius: 0;
    width: 47%;
    padding: 17px !important;
    font-family: 'apFontRegular' !important;
    color: #431a80 !important;
}
.c-product-specs .global-button-white,
.user-listing .global-button-white {
    background-color: #ffffff !important;
    color: #431a80 !important;
    border-color: #431a80 !important;
}
.global-button:hover,.global-button-white:hover,.global-button-white.checkout-cart:hover,.thank-content-subtext .btn-style2:hover,.c-product-specs .global-button:hover {
    background-color: #5C26A8 !important;
    color: #ffffff !important;
    border-color: #5C26A8 !important;
}
.user-listing #showAllReviews {
    margin-left: 20px !important;
}
.user-listing .global-button-white {
    width: auto;
    padding: 20px !important;
}
.c-product-specs .global-button,
.cart-calender-right-container button.checkout-cart,
.submit-product-review,
.global-button-white#showMoreComments,
.user-listing #showAllReviews {
    margin-left: 15px !important;
    background-color: #431a80 !important;
    color: #fff !important;
}
.submit-product-review,
.global-button-white#showMoreComments {
    margin-left: 0 !important;
}
.global-button-white#showMoreComments {
    width: auto;
}
.c-description-box .h5 {
    font-family: 'apFontRegular';
    text-transform: uppercase;
    font-size: 20px;
    color: #222222;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.c-description-box p.p {
    font-family: 'apFontLight';
}
.c-product-zoom-box .zoom-box .right-bottom-box a img {
    background: none;
}
.big-slider-container .slick-slider .slick-prev,
.big-slider-container .slick-slider .slick-next {
    position: absolute;
    top: -225%;
}
.big-slider-container .slick-slider .slick-prev {
    left: 2%;
}
.big-slider-container .slick-slider .slick-next {
    right: 1%;
}
.section-header:before,
.c-offers-box .amount-box .amt-line::after,
.g-con-row.stick-footer ul li img {
    background: none;
}
.c-product-zoom-box .zoom-list ul li img {
    border-radius: 50%;
}
.zoom-thumb-slider {
    margin-top: 20px;
}
.c-offers-box .amount-box .amt-line:after {
    background: none;
}
.typography ul li:before {
    background: none;
    content: "-";
    left: -10px;
    top: 0;
}
.typography ul li {
    font-family: 'apFontLight';
    margin-left: 10px !important;
}
.g-con-row.stick-footer div.col-xs-12 {
    width: 100%;
    margin-top: 8%;
}
.c-product-details-tools .tools-list ul li {
    width: 33%;
}
.c-product-details-tools .tools-list ul {
    border: 1px solid #E1DFEA;
    padding: 15px;
}
.c-product-details-tools .imgWrapperDetail {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EDECED;
    border-radius: 50%;
    margin: 0 auto;
    padding: 17px;
}
.shopTextWithIcon .c-product-details-tools .text-with-icon-main-wrap .imgWrapperDetail {
    margin: 0;
}
.c-product-details-tools p.p {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'apFontSemiBold';
    margin-top: 15px;
}
.h2.section-header,.h2.section-header span {
    font-size: 30px;
    font-family: 'apFontSemiBold';
    padding-left: 0;
}

.c-buyonline-product .h2.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 47px;
    padding-right: 20px;

}

.c-buyonline-product .buyonline-product-listing ul.clearfix {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n+1) {
    padding-left: 0;
    padding-right: 15px;
}

.c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n+2) {
     padding-left: 5px;
     padding-right: 10px;
}

.c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n+3) {
   padding-left: 10px;
   padding-right: 5px;
}
.c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n) {
   padding-left: 15px;
   padding-right: 0;
}

.c-buyonline-product .buyonline-product-listing ul.clearfix li img {
    border-radius: 0;
}
.c-buyonline-product .buyonline-product-listing ul li p,
.c-buyonline-product .buyonline-product-listing .amount-box .amt-line,
.c-buyonline-product .buyonline-product-listing .amount-box .amt,
.c-buyonline-product .buyonline-product-listing .amount-box .green-text {
    text-transform: uppercase;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    font-size: 13px;
}
.c-buyonline-product .buyonline-product-listing .amount-box .green-text,
.purple-box-content .purple-box div .amount-box .green-text {
    color: #dfa229;
}
.slick-dots {
    bottom: 15px;
}
.slick-dots li button:before {
    padding: 6px;
    border-radius: 15px;
    background-color: white;
    opacity: 1;
    border: 1px solid #999897;
    color: unset;
    width: 13px;
    height: 13px;
}
.slick-dots li.slick-active {
    margin-right: 17px;
}
.slick-dots li.slick-active button:before {
    padding: 6px 15px;
    opacity: 1;
    color: unset;
}
.c-all-reviews.c-all-reviews-list {
    margin-top: 0;
}
.c-all-reviews.c-all-reviews-list .section-header {
    padding-left: 0;
    font-family: 'apFontSemibold' !important;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 13px !important;
}
.c-all-reviews.c-all-reviews-list .c-grey-box {
    padding-top: 0;
}
.c-all-reviews.c-all-reviews-list .c-grey-box .row {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.c-all-reviews h6 {
    text-transform: uppercase;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    font-family: 13px;
    line-height: 34px;
    color: #222;
    margin-top:0;
}
.c-product-zoom-box .zoom-list ul li img {
    background: none;
}

/*Shop Details page old*/

.body-container .inner-secn .row div:not([class]):not([id]):first-child {
    display: flex;
    flex-wrap: wrap;
}
.cart-calender-left-container>p {
    font-family: "apFontSemiBold";
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cart-list-desc p {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.cart-calender-left-container {
    margin-right: 5%;
}
.cart-calender-left-container .slider-calender,
.slider-calender .item{
    margin: 0 auto !important;
}
.cart-list-desc b,.cart-mt-50 .custom-rate,.add-cmmnt h2 span,.cmmnt-lisitng #yncomments,.cart-price.cl_actual_price,.c-customer-review .user-box .user-pic .copy-text {
    font-size: 20px;
    font-family: 'apFontRegular' !important;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    color: #222;
}
.add-cmmnt h2 span {
    font-size: 20px !important;
    border-bottom: none;
}
.add-cmmnt textarea.custum-input {
    color: #222;
    font-family: 'apFontRegular';
}
.add-cmmnt textarea.custum-input::placeholder {
    font-family: 'apFontLight';
}
.c-customer-review .user-box .user-pic .copy-text {
    text-transform: capitalize !important;
}
.typography.no-bullets .cart-calender-right-container .col-xs-12 {
    width: 100%;
}
.cart-calender-right-content .pincode {
    border: 0;
    border-bottom: 1px solid #222222;
    padding-left: 0;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
}
.cart-calender-right-content > span,
.cart-calender-right-content #selectedShadeNameAndCode,
.cart-calender-right-content .call-popup, .color-popup .shade-col .medm,.plus-sign {
    font-size: 14px;
    color: #222222;
    font-family: 'apFontRegular';
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cart-calender-right-content .call-popup {
    padding-left: 0;
    background: none;
    border-bottom: 2px solid #431a80;
    display: inline-block;
    padding-bottom: 1px;
}
.cart-calender-right-content .select-texture {
    margin: 20px 0;
}
.termConditon {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.termConditon > a {
    color: #222;
    font-family: 'apFontRegular';
    font-size: 14px;
}
.cart-mt-50 .custom-rate {
    border-bottom: none;
}
.form-control.custum-input {
    border-color: #222;
}
.shop-pdp-old .comment-listing-parent {
    padding-left: 0;
}
.comment-listing-parent .cmmnt-prsn,
.comment-listing-parent .cmmnt-desc {
    display: inline-block;
    width: auto;
}
.cmmnt-prsn h4,
.cmmnt-desc p {
    font-family: 'apFontLight' !important;
}
.shop-pdp-old .cart-list-desc,
.shop-pdp-old .col-xs-12.col-sm-8 {
    padding-left: 0;
    padding-right: 0;
}
.cart-calender-right-container .cart-item-number-update img {
    background-image: none;
    height: 30px;
    width: 30px;
}
.cart-calender-right-container .cart-item-number-update .item-cart-plus:after {
    content: '\002B';
    margin-left: 8px;
}
.cart-calender-right-container .cart-item-number-update .item-cart-minus:after {
    content: '\002D';
    margin-left: 10px;
}
.cart-calender-right-container .cart-item-number-update .item-cart-plus:after,
.cart-calender-right-container .cart-item-number-update .item-cart-minus:after {
    color: #fff;
    font-size: 25px;
}
.c-rating-box .purple-box {
    background-color: #431a80;
}
.c-customer-review .user-box .user-pic img {
    border-radius: 50%;
}
.user-box .p {
    font-family: 'apFontRegular';
    letter-spacing: 1px;
}
.c-terms-conditions {
    margin-bottom: 40px;
    font-family: 'apFontRegular';
    font-size: 13px;
}
.terms-condition-parent {
    width: 100%;
    margin-right: 20px;
}
.color-popup {
    width: 100%;
    max-width: 1280px;
    margin-top: -100px !important;
    top: 0;
}
.tab-style1 .nav li.active:before {
    top: 38px;
}
.color-item.actv .arrw {
    bottom: -32px;
}
.color-popup .mb-40 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'apFontRegular';
}
.color-popup #colorCatalogPlain .bold,
.color-popup #colorCatalogPlain .customsethd {
    font-family: 'apFontRegular';
    font-size: 14px;
}
.tab-style1 .nav#dvMainCategory {
    margin-top: 50px;
}
#dvGoesWellWith h4,#dvProducts h4 {
    font-family: 'apFontRegular';
    font-size: 14px;
    margin-bottom: 10px;
}
.add-cmmnt textarea.custum-input {
    width: 500px;
}
.wrapper {
    float: none;
}
.ap-shop-revamp-product-details .inclusive-desc{
    line-height: 30px;
}

.ap-shop-revamp-product-details .inclusive-desc.no-discount{
    line-height: 60px;
}
@media only screen and (max-width: 767px) {
    .big-slider-container .slick-slider .slick-prev,
    .big-slider-container .slick-slider .slick-next {
        top: -240%;
    }

    .c-buyonline-product .h2.section-header {
        margin-bottom: 21px;
    }

    .zoom-thumb-slider {
        display: none;
    }
    .c-offers-box .amount-box {
        margin-top: 5px !important;
        /* margin-bottom: 10px !important; */
        margin-bottom: -15px !important;
        width:100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .ap-shop-revamp-product-details .inclusive-desc{
        margin-left: 0px;
        line-height: 35px;
    }
    .ap-shop-revamp-product-details .inclusive-desc.no-discount{
        margin-left: 0px;
        line-height: 5px;
        width: 100%;
        margin-bottom: 32px;
        width: 100%;
    }
    .ap-shop-revamp-product-details .c-offers-box .amount-box .detailpage-separator{
        margin-top: 0px;
    }
    .c-product-specs .product-specs-box .form-box {
        width: 100%;
    }
    .c-mob-product-details ul li {
        margin-right: 9px;
    }
    .c-product-details-tools .tools-list ul {
        border: none;
        display: block;
    }
    .g-con-row.stick-footer div.col-xs-12 {
        margin-top: 0;
    }
    .c-product-details-tools .tools-list ul li {
        width: 95%;
        display: flex;
        margin-top: 10%;
        justify-content: space-evenly;
    }
    .c-product-details-tools .tools-list ul li:first-child {
        margin-top: 0;
    }
    .c-product-details-tools .tools-list ul li p {
        margin-top: 30px;
        min-width: 115px;
        display: flex;
    }
    .h2.section-header, .cart-list-desc b, .cart-mt-50 .custom-rate,.h2.section-header span {
        font-size: 22px;
    }
    .user-listing .global-button-white {
        padding: 15px !important;
    }
    .c-buyonline-product .buyonline-product-listing ul .slick-track {
        left: -42px;
        display: flex;
    }
    .c-buyonline-product .buyonline-product-listing ul li {
        padding-left: 20px !important;
        padding-top: 6px;
        margin: 0;
    }
    .c-buyonline-product .container {
        padding-right: 0;
    }
    .col-xs-12.col-sm-6.widthParent {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .add-cmmnt textarea.custum-input {
        width: 100%;
    }

    /*Shop Details page old*/

    .inner-secn {
        padding: 80px 0;
    }
    .inner-secn .row {
        /*display: block;*/
        margin-right: 0;
        margin-left: 0;
    }
    .cart-calender-left-container > p {
        font-size: 20px;
    }
    .inner-secn .col-xs-12.col-sm-8
    .inner-secn .col-xs-12.col-sm-4.typography.no-bullets {
        padding: 0;
    }
    .cart-mt-50 {
        margin-left: 0;
    }
    .cart-mt-50 .rate {
        margin: 10px 10px 0 0;
    }
    .body-container .inner-secn .row div:not([class]):not([id]):first-child {
        display: block;
    }
    .shop-pdp-old .cart-calender-left-container {
        margin-right: 0;
    }
    .shop-pdp-old .col-xs-12.col-sm-4.typography.no-bullets,
    .shop-pdp-old .container.cart-mt-50,
    .shop-pdp-old .add-cmmnt-section,
    .shop-pdp-old .add-cmmnt-section h2,
    .shop-pdp-old .container.mt-30.typography.no-bullets{
        padding:0;
    }
    .shop-pdp-old .cmmnt-box > div:first-child {
        flex-basis: 30%;
    }
    .shop-pdp-old .cmmnt-box > div:last-child {
        flex-basis: 70%;
    }
    .cart-list-desc p,.c-brand-box .one-pic-box p,.contentarticle p {
        font-size: 13px;
    }
    .c-customer-review .h2.section-header, .c-buyonline-product .h2.section-header,
    .cart-list-desc b, .cart-mt-50 .custom-rate, .add-cmmnt h2 span, .cmmnt-lisitng #yncomments {
        font-size: 18px;
    }
    .rate:not(:checked) > label {
        font-size: 25px;
    }
    .custom-rating span {
        display: block;
        float: none;
    }
    .cart-mt-50 .custom-rate {
        margin: 0;
        padding: 0;
    }
    .custom-rate-digit {
        margin-top: 8px;
        font-size: 18px;
    }
    .shop-pdp-old .add-cmmnt {
        padding-top: 40px;
    }
    .shop-pdp-old .col-xs-12.col-sm-8,.shop-pdp-old .slider-calender,
    .shop-pdp-old .container.mt-30.typography.no-bullets,
    .shop-pdp-old .col-xs-12.col-sm-4.typography.no-bullets {
        max-width: 100%;
    }
    .shop-pdp-old .cmmnt-box > div:last-child {
        margin-top: 20px;
    }
    .shop-pdp-old .cmmnt-box > div:last-child,
    .shop-pdp-old .cmmnt-box > div:first-child {
        flex-basis: unset;
    }
    .user-listing #showAllReviews {
        margin-left: 0 !important;
    }
    .color-popup {
        margin-top: -70px !important;
    }
    .c-product-specs .section-header {
        padding-left: 0;
    }
    .c-all-reviews .c-product-zoom-box {
        margin-top: 60px;
    }
    .c-product-zoom-box .zoom-box img,.c-all-reviews .c-product-zoom-box .slick-track .zoom-box,.c-all-reviews .c-product-zoom-box .slick-track {
        width: 100% !important;
    }
    .c-all-reviews .col-xs-12.col-sm-4, .c-all-reviews .col-xs-12.col-sm-8.widthParent {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media only screen and (min-width: 768px) {
    .slick-dots {
        display: none !important;
    }
    .c-all-reviews.c-all-reviews-list .c-grey-box {
        background-color: #fff;
    }
    .c-product-specs .c-starbox {
        margin: 0;
    }
}
@media only screen and (max-width: 1024px) {
    .h2.section-header {
        padding-left: 0;
    }
    .c-product-specs {
        margin-top: 0;
    }
    .c-product-specs .product-specs-box .form-box {
        width: 100%;
    }
    .c-product-specs .global-button {
        margin-left: 9px !important;
    }
    .g-con-row.stick-footer .c-grey-box {
        background-color: #fff;
    }
    .cart-calender-right-container .checkout-cart {
        width: 46%;
    }
}
@media only screen and (min-width: 766px) and (max-width: 1024px) {
    .shop-details-common-wp {padding: 0 20px;}
    .c-customer-review {
        margin: 20px 0;
    }
    .c-customer-review .h2.section-header,
    .c-buyonline-product .h2.section-header {
        padding-left: 0;
    }
    .c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n+1) {
        padding-left: 10px;
    }
    .c-buyonline-product .buyonline-product-listing ul.clearfix li:nth-child(4n+0) {
        padding-right: 10px;
    }
    .add-cmmnt-section h2,.c-product-specs .section-header {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .c-buyonline-product .buyonline-product-listing ul li {
        width: 47%;
    }
    .cart-calender-right-container button.checkout-cart {
        margin-left: 0 !important;
    }
    .c-product-zoom-box .zoom-box img,.c-all-reviews .c-product-zoom-box .slick-track .zoom-box,.c-all-reviews .c-product-zoom-box .slick-track {
        width: 100% !important;
    }
    .c-all-reviews .col-xs-12.col-sm-4, .c-all-reviews .col-xs-12.col-sm-8.widthParent {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .g-con-row.stick-footer .c-grey-box {
        /* background-color: #f8f8f8; */
    }
    .c-product-zoom-box .zoom-box img,.c-all-reviews .c-product-zoom-box .slick-track .zoom-box,.c-all-reviews .c-product-zoom-box .slick-track {
        width: 100% !important;
    }
    .c-all-reviews .col-xs-12.col-sm-4, .c-all-reviews .col-xs-12.col-sm-8.widthParent {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .c-all-reviews .c-product-specs, .c-all-reviews .c-product-zoom-box {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .c-all-reviews .c-product-zoom-box {
        margin-top: 0px;
    }
}
/*new reskin code for Text with Icon*/
.c-product-details-tools .tools-list ul.text-with-icon-main-wrap{
    padding: 25px 0 25px 40px;
}
.c-product-details-tools .tools-list ul.text-with-icon-main-wrap li{
    display: flex;
    align-items: center;
    margin-right: 40px;
}
.c-product-details-tools .tools-list ul.text-with-icon-main-wrap .text-wit-icon-desc{
    text-align: left;
    padding-left: 20px;
}
.c-product-details-tools .text-wit-icon-desc p.p{
    margin-top:0;
}
.c-product-details-tools .text-wit-icon-desc p:nth-child(2){
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.58px;
    margin-bottom: 10px;
    margin-bottom: 4px;
    margin-top: 2px;
}
.c-product-details-tools .text-with-icon-main-wrap .imgWrapperDetail{
    background: #f0f0f0;
}
@media only screen and (max-width: 991px) {
    .c-product-details-tools .tools-list ul.text-with-icon-main-wrap{
        display:block;
        padding: 0;
    }
    .c-product-details-tools .tools-list ul.text-with-icon-main-wrap li{
        margin-right: 0;
    }
    .c-product-details-tools .tools-list ul.text-with-icon-main-wrap li p{
        margin-top: 0;
    }
    .c-product-details-tools .tools-list ul.text-with-icon-main-wrap .text-wit-icon-desc{
        flex-basis: 80%;
    }
    .c-product-details-tools .tools-list ul.text-with-icon-main-wrap li{
        margin-top: 8%;
    }
}
/*popular tags style*/
.popular-tags-wrap{
    display:flex;
    flex-wrap: wrap;
    padding:70px 0 0;
    margin-bottom: 70px;
    margin-top: 70px;
    border-top: 1px solid rgba(34,34,34,.1);
}
.popular-tags-wrap h3{
    flex-basis: 100%;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0;
    font-family: apFontBold !important;
}
.popular-tags{
    padding: 5px 20px 5px 0;
    text-transform: uppercase;
}
.popular-tags a{
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-family: 'apFontMedium';
    font-size: 13px;
    border-radius: 2px;
    background-color: #faf8ff;
    border: 1px solid #f0e6ff;
    width: auto;
    color: #431a80;
    padding: 12px 10px;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 991px) {
    .shop-details-common-wp {padding: 0;}
    .popular-tags-wrap{
        padding:40px 0 0;
        margin-bottom: 35px;
        margin-top: 40px;
    }
    .popular-tags-wrap h3{
        font-size: 16px;
        line-height: 20px;
    }
    .popular-tags{
        padding: 5px 8px 5px 0;
    }
    .popular-tags a{
        font-size: 12px;
        letter-spacing: 0.46px;
        padding: 12px 8px;
    }
}

/* faq styles */
.faqAccordion-border {
    border-top: 1px solid #29292933;
    padding-top: 0;
    padding-bottom: 30px;
}
.faqAccordion-border:first-child {
    border-top: none;
}
.faqComponent{margin: 0 100px;margin-top: 131px;}
.faqComponent .faqAccordion{
 font-size: 20px;
 font-family: 'apFontBold';
 letter-spacing:0;
 cursor: pointer;
 padding: 0;
 margin-top: 23px;
 line-height: 36px;
 font-weight: bold;
 color: #373737;
 display: flex;
 justify-content: space-between;
 text-decoration: none;
}
.faqComponent .faqAccordion:hover{text-decoration: none;}
.faqComponent .faqDesc{
     font-size: 14px;
     margin-bottom:0;
     padding-top: 23px;
     color: #373737;
 }
 .faqComponent .faqItem{
     padding: 15px 0 20px;
 }
 /* commented below code to last item border: dheerendra
 .faqComponent .faqItem:not(:nth-last-child(2)) {
     border-bottom: 1px solid rgba(16,16,16,0.1);
 }
 */
 .faqComponent .faqQues{
     width: 85%;
 }
 .faqComponent .ctaComp{
     padding: 30px 0;
 }
 .faqComponent .ctaComp a{
     width: 15%;
     font-size: 13px;
     letter-spacing: 1px;
     line-height: 12px;
 }
 .faqComponent .faqSpriteIcon.minus{
     margin-top: 20px;
 }
 .faqComponent .faqSpriteIcon.plus{
     margin-top: 15px;
 }
 @media only screen and (max-width: 991px) {
     .faqComponent{
        margin: 0 20px;
        margin-top: 40px;
        padding-top: 27px;
        border-top: 1px solid lightgrey;
     }
     .faqComponent h2{
         font-size: 22px;
         line-height: 34px;
         letter-spacing: 1.55;
     }
     .faqComponent .faqAccordion{
         font-size: 16px;
         line-height: 1.25;
         padding: 24px 0 8px;
         margin-top: 0px;
     }
     .faqComponent .faqSpriteIcon.minus{
         margin-top: 10px;
     }
     .faqComponent .faqSpriteIcon.plus{
         margin-top: 5px;
     }
     .faqComponent .faqDesc{
         line-height: 20px;
         padding-top: 0;
     }
     .faqComponent .faqQues{
         display: inline-block;
     }
     .faqComponent .ctaComp a{
         width: 100%;
         font-size: 10px;
         padding: 13.5px;
         text-decoration: none;
         font-size: 12px;
     }
     .faqComponent .ctaComp{
         padding: 25px 0;
     }
 }

 /*two column image style*/
 .twocolumn-image-wrap{
    display:flex;
}
.twocolumn-image-wrap .twocolumn-image{
    flex: 0 0 50%;
    position:relative;
    left:0;
    top:0;
}
.twocolumn-image-wrap .twocolumn-image:nth-child(even){
    margin-left: 10px;
}
.twocolumn-image-wrap .twocolumn-image:nth-child(odd){
    margin-right: 10px;
}
.twocolumn-image-wrap .twocolumn-image img{width:100%;}
.black-color-shade .twocolumn-image-wrap .twocolumn-image .image-desc, .black-color-shade.twocolumn-image-wrap .twocolumn-image .image-desc{
    background-image: linear-gradient(to bottom, #fbf5f500, #0000005e, #00000085, #0000009e);
    right: 0;
    padding:40px 0 40px 40px;
}
.twocolumn-image-wrap .twocolumn-image .image-desc{
    position: absolute;
    left: 0;
    bottom: 0;
    padding:0 0 40px 40px;
}
.twocolumn-image-wrap .twocolumn-image .image-desc p,.twocolumn-image-wrap .twocolumn-image .image-desc h2{
    margin:0;
    color: black;
}
.twocolumn-image-wrap .twocolumn-image.whiteColorText .image-desc p,.twocolumn-image-wrap .twocolumn-image.whiteColorText .image-desc h2{
    color: white;
}
.twocolumn-image-wrap .twocolumn-image .image-desc p{
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: 'apFontSemibold';
}
.twocolumn-image-wrap .twocolumn-image .image-desc h2{
    margin:4px 0 11px;
    width: 75%;
    line-height: 34px;
    letter-spacing: 0;
}

.twocolumn-image-wrap .twocolumn-image .image-desc .buttonText{
    color:black;
    text-decoration: none;
}

.twocolumn-image-wrap .twocolumn-image.whiteColorText .image-desc .buttonText{
    color: white;
}
@media only screen and (max-width: 991px) {
    .twocolumn-image-wrap{
        display:block;
    }
    .twocolumn-image-wrap .twocolumn-image{
        margin-bottom: 20px;
    }
    .twocolumn-image-wrap .twocolumn-image:nth-child(even){
        margin-left: 0;
    }
    .twocolumn-image-wrap .twocolumn-image:nth-child(odd){
        margin-right: 0;
    }
    .twocolumn-image-wrap .twocolumn-image .image-desc{
        padding:0 0 20px 20px;
    }
    .twocolumn-image-wrap .twocolumn-image .image-desc p{
        font-size: 12px;
    }
    .twocolumn-image-wrap .twocolumn-image .image-desc h2{
        font-size: 22px;
        line-height: 24px;
    }
}
/*video component style start*/
.ap-shop-video-revamp .videoImgComponent{width:100%;padding:0 156px;background-size:contain;margin-top:5px;max-width: 1366px;margin: auto;}
.videoImgComponent iframe#youtubePlayer{width:100%;height:507px;}
.videoImgComponent div#video-elem__container{height:auto;}
.videoImgComponent .videoWrapper{position:relative;}
.videoImgComponent .videoWrapper .videoPlayButton{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
.videoImgComponent .compTitle h3{
    letter-spacing:.5px;
    text-align:center;
    color:#222;
    margin-top:27px;
    margin-bottom:17px;
    text-transform:uppercase;
    font-family:'apFontBold' !important;
}
.ap-shop-video-revamp .videoImgComponent .compDesc p{
    font-family:'apFontLight';
    line-height:24px;
    font-size:14px;
    letter-spacing:0;
    text-align:center;
    color:#222;
    margin-bottom:0;
    padding-bottom:20px;
    border-bottom:none;
}
.ytp-cued-thumbnail-overlay{display:none!important;}
.video-elem__wrapper{position:relative;padding-top:82%;width:100%;}
.video-elem__player{display:none;z-index:5;}
.video-elem__player,.video-elem__thumbnail-wrap{
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
}
.ap-shop-video-revamp .video-elem__thumbnail-img{width:100%;max-height:507px;}
.shop-video-play-shade .video-elem__thumbnail-wrap .iconTextLinks {
    background-color: lightgray;
    border-radius: 100%;
    box-shadow: 1px 1px 30px 10px grey;
}
.video-elem__trigger-video{position:absolute;
    display:block;
    height:40px;width:40px;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    z-index:4;
}
.playVideoIcon{background-position:-1289px -215px;width:42px;height:42px;cursor:pointer;}
.video-elem__thumbnail-img img{width:100%}.similarProdWrap{background-color:#f8f8f8;}
.playVideoIcon{
    background: url('clientlib-site-revamp/images/Icons-Sprite.webp') no-repeat;
    background-position: -1289px -215px;
    width: 42px;
    height: 42px;
    cursor: pointer;
}
@media (min-width:320px) and (max-width:767px){
    .ap-shop-video-revamp .videoImgComponent{padding:20px 20px 0;background-size:100% 70%;margin-top:10px;}
    /* commented below code to fix img chopping off on video component: dheerendra
    .videoImgComponent div#video-elem__container .video-elem__thumbnail-wrap img{object-fit:cover;}
    */
    .videoImgComponent .compDesc p{letter-spacing:normal}
}
@media (min-width:768px) and (max-width:991px){
    .videoImgComponent{padding:40px;}
}
@media (min-width:320px) and (max-width:991px){
    .videoImgComponent .compTitle h3{font-size:16px;line-height:1.5;letter-spacing:normal;text-transform:uppercase;font-family:'apFontSemiBold';}
    .cp-reviews-raiting.padding45 {
        padding: 0 15px;
    }
}
@media (min-width:992px){
    .video-elem__wrapper{padding-top:48%}
}
@media (min-width:1200px){
    .videoImgComponent .compDesc p{width:736px;margin:0 auto;font-size:14px;letter-spacing:.54px;border:0;}
}
/*video component style end*/
/*review  section style start*/

.cp-reviews-raiting--warp {
    display: block;
}
@media (min-width: 992px) {
    .cp-reviews-raiting h2.section-header{
        margin-bottom: 16px;
        display: inline-block;
    }
    .cp-reviews-raiting--warp {
        display: flex;
    }
}
.cp-reviews-raiting--tabsWrab {
    margin-top: 0;
    flex: 0 0 100%;
    padding-left: 0;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--tabsWrab {
        margin-top: -40px;
        flex: 0 0 76%;
        padding-left: 120px;
        padding-right: 40px;
    }
}
.cp-reviews-raiting--tabList {
    display: flex;
    justify-content: center;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--tabList {
        justify-content: flex-end;
        width:100%;
    }
}
.cp-reviews-raiting--tabList li.cp-reviews-tablists {
    cursor: pointer;
    font-size: 13px;
    line-height: 34px;
    font-family: 'apFontMedium';
    letter-spacing: 1px;
    padding-bottom: 5px;
    margin-right: 30px;
    color: #a2a2a2;
    width: auto !important;
    padding-right: 0;
}
.cp-reviews-raiting--tabList li.cp-reviews-tablists.current {
    color: #222222;
    border-bottom: 1px solid #222222;
}
.cp-reviews-raiting--tabList li.cp-reviews-tablists:last-child {
    margin-right: 0;
}
.cp-reviews-raiting--tabContent {
    margin-top: 15px;
}
.c-customer-review .cp-reviews-raiting--tabContent .user-name {
    font-family: 'apFontSemibold';
    line-height: 28px;
    letter-spacing: 0.5px;
    background-color: #faf7ff;
    padding: 14px 22px;
    border-radius: 50%;
    margin-right: 15px;
}
@media (min-width: 992px) {
    /* .cp-reviews-raiting--tabContent {
        margin-top: 40px;
    } */
    /* customer cumment new styles added desktop*/
    .c-customer-review .cp-reviews-raiting--tabContent  ul li{
        width:100%;
    }
    .c-customer-review .cp-reviews-raiting--tabContent .user-name{
        padding: 14px 22px;
        margin-right: 40px;
    }
}
.cp-reviews-raiting--tabContent {
    display: inherit;
}
.cp-reviews-raiting--tabContent .ctaComp {
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--tabContent .ctaComp,.cp-reviews-raiting--tabContent .write-product-review {
        display: inline-block;
        margin-left: 92px !important;
        margin-bottom: 30px !important;
    }
    .cp-reviews-raiting--tabContent .write-product-review {
        margin-left: 92px !important;
    }
    /* .cp-reviews-raiting--tabContent .write-product-review.no-reviews-centerCta{
        margin:auto !important;
    } */
    /* .cp-reviews-raiting--tabsWrab.no-reviews-content-full-width{
        flex: 0 0 90%;commented lines to check in UAT
    } */
}
.cp-reviews-raiting--tabContent .write-product-review{
    display: block;
    width: 100%;
    margin-top:25px;
}
.cp-reviews-raiting--tabContent .ctaComp.linkBtn {
    text-align: center;
}
.cp-reviews-raiting--commentSection .c-starbox .stars label,.overall-rating .c-starbox .stars label {
    cursor: default !important;
}
.cp-reviews-raiting--commentSection .c-starbox .stars label:hover ~ span,.overall-rating .c-starbox .stars label:hover ~ span {
    background-position: 0 -40px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--tabContent .ctaComp.linkBtn {
        vertical-align: top;
        text-align: left;
    }
    .cp-reviews-raiting--tabContent .write-product-review{
        border-radius: 0;
        padding: 16px 20px;
        width: 270px;
        font-size: 13px;
        letter-spacing: .86px;
        margin-top:0;
    }
}

.cp-reviews-raiting--tabContent .write-review-errormsg {
    display: block;
    color: #ed1c24;
    font-size: 12px;
    padding: 5px 0;
}
.cp-reviews-raiting--leftSec {
    padding: 20px 0;
    flex: 0 0 100%;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--leftSec {
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 0;
        flex: 0 0 24%;
    }
    .cp-reviews-raiting--leftSec[style="visibility: hidden;"],.cp-reviews-raiting--leftSec[style="visibility: hidden;"] .overall-rating{
        padding:0;
        margin:0;
    }
}
.cp-reviews-raiting--leftSec .overall-rating {
    background-color: #faf7ff;
    text-align: center;
    width: 100%;
    padding: 35px 20px;
}
.cp-reviews-raiting--leftSec .overall-rating .c-rating-box .stars {
    margin: auto;
}
.cp-reviews-raiting--leftSec .overall-rating .c-rating-box{
    display: flex;
    justify-content: center
}
.cp-reviews-raiting--leftSec .overall-rating .c-rating-box .c-starbox{
    padding-left: 0 !important;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--leftSec .overall-rating {
        width: 100%;
    }
}
.cp-reviews-raiting--leftSec .overall-rating h4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-family: 'apFontMedium';
    text-transform: uppercase;
}
.cp-reviews-raiting--leftSec .overall-rating h3.overall-rating--numvalue{
    font-family: 'apFontBold';
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px;
}
.cp-reviews-raiting--leftSec .overall-rating p {
    padding-top: 12px;
}
.cp-reviews-raiting--commentSection {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection {
        margin-bottom: 40px;
    }
    .cp-reviews-raiting--leftSec .overall-rating h3.overall-rating--numvalue{
        font-size: 20px;
        line-height: 22px;
    }
}
.cp-reviews-raiting--commentSection--upper {
    display: flex;
    align-items: center;
}
/* .cp-reviews-raiting--commentSection--upper .user-name {
    font-family: apFontSemibold;
    line-height: 28px;
    letter-spacing: 0.5px;
    background-color: #faf7ff;
    padding: 16px 22px;
    border-radius: 50%;
    margin-right: 15px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--upper .user-name {
        padding: 16px 20px;
        margin-right: 40px;
    }
} */
.cp-reviews-raiting--commentSection--upper .user-raiting-wrap h3 {
    margin-top: 2px;
    margin:0;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--upper .user-raiting-wrap h3 {
        margin-top: 10px;
    }
}
.cp-reviews-raiting--commentSection--textNimages {
    padding-left: 10px;
    display: block;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--textNimages {
        padding-left: 95px;
    }
}
.cp-reviews-raiting--commentSection--textNimages p {
    margin-bottom: 0;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-comment {
    padding-bottom: 12px;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-comment p, .cp-reviews-raiting--commentSection--textNimages .cp-user-comment button {
    display: initial;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-comment button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments {
    display: block;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments {
        display: flex;
        justify-content: space-between;
    }
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0.5px;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p .cp-user-name {
    font-family: 'apFontMedium';
    font-weight: bold;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p.previous-comment-dropdown {
    font-family: 'apFontMedium';
    padding: 4px 10px 4px 0;
    background-color: #ffffff;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p.previous-comment-dropdown {
        padding: 4px 0 4px 20px;
    }
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p.previous-comment-dropdown span {
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p.previous-comment-dropdown.opened {
    border-right: 1px solid #cecece;
    display: inline-block;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--textNimages .cp-user-infoNcomments p.previous-comment-dropdown.opened {
        border-left: 1px solid #cecece;
        border-right: 0;
    }
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments {
    height: 0;
    overflow: hidden;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments.dropdownOpened {
    height: auto;
    padding-top: 18px;
    border-top: 1px solid #cecece;
    margin-top: -1px;
}
@media (min-width: 992px) {
    .cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments.dropdownOpened {
        padding-top: 20px;
    }
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments--detailinfo {
    margin-bottom: 20px;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments--detailinfo span {
    line-height: 22px;
    letter-spacing: 0.5px;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments--detailinfo span:first-child {
    font-family: 'apFontBold';
    margin-right: 10px;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments--detailinfo span:nth-of-type(2) {
    color: #bbbbbb;
    padding-left: 6px;
    border-left: 2px solid #bbbbbb;
}
.cp-reviews-raiting--commentSection--textNimages .cp-user-previousComments--detailinfo p {
    color: #6f6f6f;
}
.gold-member-review a {
    text-decoration: none;
}
.ap-rating-wp .star {
    font-size: 16px;
    width: auto;
    display: inline-block;
    color: #fcb017;
}

.ap-rating-wp .star:last-child {
    margin-right: 0;
}

.star:before {
    content: '\2605';
}


.ap-rating-wp .star.half:before {
    content: '\2606';
}

.ap-rating-wp .star.off:before {
    content: '\2606';

}

.ap-rating-wp .star.half:after {
    content: '\2605';
    position: absolute;
    margin-left: -16px;
    width: 8px;
    overflow: hidden;
}
/*review  section style end*/
/*link type button global style*/
.button-comp .buttonText{
    background: transparent;
    border: 0;
    font-size: 13px;
    font-family: 'apFontMedium';
    padding: 0;
    line-height: 12px;
    letter-spacing: 0;
    color:#222222;
}

.button-comp a.buttonText{
    text-decoration: none;
}

.button-comp.linkBtn .buttonText{
    border-bottom: 2px solid #8838ff;
    padding-bottom: 3px;
}
/*global sidespace*/
.side-padding{
    padding:0 4%;
}

.ap-shop-video-revamp {
    margin-top: 120px;
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px) {
    .side-padding{
        padding:0 20px;
    }

    .ap-shop-video-revamp .video-elem__thumbnail-img {
        height: 100%;
    }


    .ap-shop-video-revamp {
       margin-top: 0;
       margin-bottom: 50px;
    }
}

.ap-shop-video-revamp {
    background-image: url('clientlib-site-shop/images/back-img.webp');
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
}

.ap-shop-video-revamp .playVideoIcon {
    display: block;
}
/*write a review new style*/
.c-all-reviews .write-a-review-sec p{
    font-size: 14px;
    line-height: 13px;
    letter-spacing: 1.08px;
    padding:5px 0;
}
.c-all-reviews .write-a-review-sec p:first-child{
    font-family: 'apFontLight';
    color:#ccc;
}
.c-all-reviews .write-a-review-sec p:last-child{
    font-family: 'apFontMedium';
    color:#222;
    width:306px;
    border-bottom: 2px solid #bbb8b8;
    margin-bottom: 25px;
}
.c-all-reviews textarea{
    width: 55%;
    margin-bottom: 16px;
}
.user-review-section .global-button.review-rating-submit {
    background-color: #431a80 !important;
    border-radius: 0;
    width: 306px;
    padding:16px 20px!important;
}
@media only screen and (max-width: 991px) {
    .c-all-reviews .write-a-review-sec p:last-child, .c-all-reviews textarea{
        width:100%;
    }
    .user-review-section .global-button.review-rating-submit{
        width:150px;
        padding:11px 20px!important;
    }

}
/*twitter icon*/
.twitterIcon-revised:before{background-position: -1212px -488px;}
/*facebook icon*/
.facebookIco-revised::before{background-position: -1140px -488px;}
/*shop text with icon style*/
.shopTextWithIcon .row{
    margin-right: 0;
    margin-left: 0;
}
.sr-only {
    display: none !important;
}
.c-buyonline-product .section-header .link-text {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: apFontMedium;
    color: black;
    border-bottom: 3px solid #8839ff;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
    .c-buyonline-product .section-header .link-text {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 1px;

    }
}
.disable-overflow {
    overflow: hidden !important;
}
.shop-details-common-wp .shop-mrp {
    font-family: 'apFontLight';
    font-size: 15px;
}
@media (min-width:992px) {
    .shop-details-common-wp .shop-mrp,
    .shop-details-common-wp .c-offers-box .amount-box .amt-line.cl_actual_price,
    .shop-details-common-wp .c-offers-box .amount-box .amt.l_discount_price,
    .ap-shop-revamp-product-details .c-offers-box .amount-box .cl_actual_price,
    .ap-shop-revamp-product-details .c-offers-box .amount-box .cl_discount_price {
        font-size: 22px !important;
    }
}
.shop-details-common-wp .common-space-wp .row{
    margin:0 !important;
}

.chatboxSticker{
    box-shadow: 6px 8px 12px 0 grey;
    background: #fff;
    padding: 10px 16px;
    width: auto;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 18px;
    right: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1037;
}
.chatboxSticker .iconTextLinks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8839ff;
}
.iconTextLinks {
    font-size: 12px;
}
.iconsWithText__right {
    margin: 0 0 0 6px;
}
.iconsWithText {
    display: inline-block;
}
.letsTalkIcon {
    background-position: -1756px -474px;
    width: 58px;
    height: 58px;
}
.iconText {
    margin-left: 10px;
}
.chatboxSticker .saving-progress-status{
    display: none !important;
}


@media (max-width: 991px) and (min-width: 320px){
    .chatboxSticker {
        width: auto;
    }
    .chatboxSticker {
        padding: 10px 8px;
        bottom: 15%;
    }
    .chatboxSticker .iconTextLinks {
        width: auto;
    }
    .chatboxSticker .iconTextLinks__text {
        display: none;
    }
    .chatboxSticker .iconTextLinks .iconsWithText__right {
        margin: 0;
    }
}
.shoplistingBody {
    background-color: white;
}
.shoplisting .filter-header,.shoplisting .filter-clear,.shoplisting .accor-title,.shoplisting .no-accor-title,.c-sort-list span,.c-tabbing .nav-tabs ul li a,
.c-three-column-box .cat-list ul li p,.amount-box .amt-line,.amount-box .amt,.amount-box .green-text,.c-two-column-box .cat-list ul li p,
.c-four-column-box .cat-list ul li p,.stores-list p, .c-two-column-box .cat-list ul li h4, .c-decor-solutions .decor-solutions-list h5, .shop-listing-revamp .accor-label-title {
    font-family: 'apFontRegular' !important;
    font-size: 14px !important;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.shop-listing-revamp .accor-title {
    font-family: apFontMedium !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
}
 .shop-listing-revamp .accor-label-title {
    font-family: apFontBold !important;
}
.shop-listing-revamp .filter-section-wp {
    margin-top: 0;
    border-bottom: none;
}
.shop-listing-revamp .accor-label-title {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 22px;
    line-height: 22px;
}
.shop-listing-revamp .show-item {
    display: block;
}
.c-tools .tools-list ul li h5.h5 {
    font-family: 'apFontRegular';
    font-size: 14px;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.c-tools .tools-list ul li p {
    letter-spacing: 1px;
    font-family: 'apFontLight';
    margin-top: 15px;
    font-size: 13px;
}
.shoplisting .c-filetr-box ul li a ,.form-box label{
    font-size: 14px;
    font-family: 'apFontLight';
    letter-spacing: 1px;
    color: #212121b3;
}
.shoplisting .c-filetr-box .form-box .form-indicator {
    border-radius: 0;
}
.c-accordian .accor-section {
    padding: 15px 0;
}
.mob-filter-header {
    border-color: #cccccc;
}
.c-sort-list span {
    padding-right: 30px;
    margin-top: 3px;
}
.c-tabbing .nav-tabs ul li {
    padding: 0 13px;
}
.c-tabbing .nav-tabs ul li.active a {
    color: #431a80;
}
.c-tabbing .nav-tabs ul li.active:before {
    bottom: -8px;
    background-color: #431a80;
    height: 2px;
}
.shoplisting .c-three-column-box .cat-list ul li a img, .c-decor-solutions .decor-solutions-list,
.c-four-column-box .cat-list ul li a img, .stores-list , .c-two-column-box .cat-list ul li a img{
    border-radius: 0;
    box-shadow: none;
}
.cat-list ul li div.amount-box .green-text {
    color: #DFA22A !important;
}
.c-brand-box .one-pic-box p,
.contentarticle p {
    font-family: "apFontLight";
}
.contentarticle p {
    margin-bottom: 20px;
}
.textdescriptionwithCTA .global-button-white {
    width: auto;
}
.c-tools .tools-list ul {
    border: 1px solid #E1DFEA;
    padding: 15px;
    flex-wrap: wrap;
    justify-content: unset;
}
.c-tools .tools-list ul  li {
    width: 33%
}
.c-tools .tools-list ul img {
    background: none;
}
.purple-box-content .purple-box p {
    letter-spacing: 1px;
}
.purple-box-content .purple-pic img {
    margin: 0px 0 -2px -2px;
}
.purple-box-content .purple-pic img.right-img {
    margin: 0px 0px -2px 0px;
}
.purple-box-content {
    background-color: #f8f8f8 !important;
}
.purple-box-content .purple-box p {
    color: #222;
}
.purple-box-content .purple-box div {
    border-top: 1px solid #222;
}
.left-top-box {
    background-color: #8838FF;
    color: #fff;
}
.left-top-box:after {
    border-top: 24px solid #8838FF;
}
.c-accordian {
    top: 50px;
}
.c-sticky-filter-mob-box, .c-accordian.c-accordian-mob-show .close-apply {
    background-color: #431a80;
}
.c-sticky-filter-mob-box ul li a , .c-accordian.c-accordian-mob-show .close-apply {
    font-family: 'apFontLight';
    letter-spacing: 1px;
}
.c-grey-box {
    background-color: #fff;
}
.c-all-reviews textarea {
    border: 1px solid #ccc;
}
.c-decor-solutions .decor-solutions-list {
    width: calc(33.33% - 20px);
    padding: 10px;
}
.c-decor-solutions .decor-solutions-list img {
    width: 100%;
    height: auto;
}
.c-decor-solutions .col-xs-12 {
    width: 100%;
}
.c-decor-solutions .decor-solutions-list h5 {
    text-align: left;
}
.c-sub1-accordian .accor-title {
    background-image: none;
}
.c-accordian .accor-title, .c-accordian .accor-title.open {
    background: none;
}
.c-accordian .accor-title:after, .c-accordian .accor-title.open:after, .c-sub1-accordian .accor-title:after {
    content: " ";
    background: url("clientlib-site-revamp/images/apSpriteImage.webp");
    background-position: -73px -13px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 0;
}
.c-accordian .accor-title:after, .c-sub1-accordian .accor-title:after {
    transform: rotate(270deg);
}
.c-accordian .accor-title.open:after {
    transform: rotate(90deg);
}
.shop-listing-revamp .navigation-section-wp {
    margin-top: 30px;
}
.shop-listing-revamp .c-accordian .accor-content:last-child {
     padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .shop-listing-revamp .filter-section-wp {
        margin-top: 81px;
        margin-bottom: 50px;
    }
    .shoplistingBody {
        background-color: #ffffff;
    }
    .shoplistingBody .h2 {
        padding-left: 0;
    }
    .shoplisting .filter-header, .shoplisting .filter-clear, .shoplisting .accor-title, .shoplisting .no-accor-title, .c-sort-list span, .c-tabbing .nav-tabs ul li a,.c-three-column-box .cat-list ul li p, .amount-box .amt-line, .amount-box .amt, .amount-box .green-text, .c-two-column-box .cat-list ul li p,
    .c-tools .tools-list ul li p,.c-four-column-box .cat-list ul li p,.stores-list p,.c-two-column-box .cat-list ul li h4, .c-decor-solutions .decor-solutions-list h5 {
        font-size: 11px !important;
    }
    .c-tabbing .nav-tabs ul li {
        border-bottom: 1px solid #cccccc;
        padding: 10px;
    }
    .c-tools .tools-list ul li {
        width: auto;
    }
    .c-tools .tools-list ul li h5.h5, .purple-box-content .purple-box p {
        font-size: 13px;
    }
    .endtoendsolution .col-xs-12 {
        width: 100%;
    }
    .decor-solutions-carosel {
        margin: 0;
    }
    .c-brand-box .one-pic-box p, .purple-box-content,.c-brand-pink-banner-box,.c-four-column-box {
        margin: 0 15px;
    }
    .c-four-column-box .cat-list ul li {
        width: calc( 50% - 3px);
        max-width: 49%;
    }
    .purple-box-content .purple-box {
        display: flex;
    }
    .c-decor-solutions .decor-solutions-list {
        width: 335px;
    }
    .c-decor-solutions .decor-solutions-carosel {
        margin: 0;
    }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    .topbanner {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .c-four-column-box .cat-list ul li {
        max-width: 50%;
    }
}
.shop-listing-revamp .navigation-section-wp .accor-title:after {
    background: none;
}
.shop-listing-revamp .navigation-section-wp .no-accor-title {
    font-size: 14px !important;
    font-family: 'apFontLight' !important;
    letter-spacing: 1px;
    color: #212121b3;
    text-transform: capitalize;
}
.shop-listing-revamp .navigation-section-wp .accor-content {
    border-top: 1px solid #cccccc;
    margin-top: 22px;
    padding-top: 5px;
}
.shop-listing-revamp .navigation-section-wp .accor-section {
    border-bottom: none;
    padding-bottom: 0;
}
.shop-listing-revamp .navigation-section-wp .navigate-accor-title {
    font-family: apFontBold !important;
    font-size: 14px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.shop-listing-revamp .plusMinusIcon {
    display : none;
}
.shop-listing-result-area .shop-mrp {
    font-family: 'apFontMedium';
    font-size: 16px;
}
.shop-listing-result-area .listing-separator {
    margin-top: -4px;
}
@media screen and (min-width: 1200px) {
    .shop-listing-result-area div.amount-box .amt-line{
        font-size: 14px !important;
        font-weight: 400; 
    }
    .shop-listing-result-area .amount-box .amt{
        font-size: 16px !important;
        margin: 0 10px 0 0 !important;
    }
}


@media screen and (max-width: 1200px) and (min-width: 320px) {
    .shop-listing-result-area .shop-mrp {
        font-size: 11px;
    }
    .shop-listing-revamp .plusMinusIcon {
        display : block;
    }
    .shop-listing-revamp .c-accordian .accor-title.open:after, .shop-listing-revamp .c-accordian .accor-title:after {
       content: " ";
       background: none;
       background-position: unset;
       width: 7px;
       height: 13px;
       position: absolute;
       right: 0;
    }
    .shoplisting .c-accordian-mob-show .accor-title span:first-child {
        font-size: 12px;
        font-family: 'apFontSemiBold';
    }
    .shoplisting .c-accordian-mob-show .accor-title span.filter-count{
        font-family: 'apFontBold';
    }
}

#addToCartMessage {
    font-size: 12px;
}
/* shoplisting product title */
.shop-listing-revamp .shop-listing-result-area .tab-content .prods-list .shop-prod a p{
    text-transform: inherit;
}
.thank-content-header>span {
    font-family: "apFontRegular";
    font-size: 30px;
    letter-spacing: 1px;
}

.thank-content-subtext,
.thank-content-subtext #orderSuccessMessage,
.thank-content-subtext #orderErrorMessage {
    font-family: "apFontLight";
    font-size: 14px;
    letter-spacing: 1px;
}

.thank-content-subtext #orderDate,
.thank-content-subtext #orderNumber,
.thank-content-subtext #orderTotalPrice,
.thank-content-subtext #orderUserId {
    font-family: "apFontRegular";
}

.thank-content-subtext .btn-style2 {
    border-color: #431a80;
    width: auto;
    margin: 10px;
}

.thank-content {
    border: none;
}

.successStatusIcon,
.failureStatusIcon {
    width: 64px;
    height: 64px;
    position: relative;
    bottom: 20px;
    left: 46%;
}

.successStatusIcon {
    background: url("clientlib-site-revamp/images/Icons-Sprite.webp") no-repeat -1362px -472px;
}

.failureStatusIcon {
    background: url("clientlib-site-revamp/images/Icons-Sprite.webp") no-repeat -1452px -472px;
}

.thank-content-header span {
    color: #272727 !important;
}

@media only screen and (max-width: 767px) {
    .thank-content-header>span {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {

    .successStatusIcon,
    .failureStatusIcon {
        left: 36%;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {

    .successStatusIcon,
    .failureStatusIcon {
        left: 42%;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {

    .successStatusIcon,
    .failureStatusIcon {
        left: 36%;
    }
}

/* CCFORMS Thank You Revamp */
.bodycampaign {
    overflow-x: visible;
}

.form-revamp-thankyou {
    width: 100%;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou {
        margin-top: -50px;
    }
}

@media (min-width: 992px) {
    .form-revamp-thankyou {
        margin-top: -60px;
    }
}

.form-revamp-thankyou .thank-you-image-left {
    height: 75vh;
    background-size: 100% 100%;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .thank-you-image-left {
        height: 146px;
        background: #f5f5f5;
    }
}

.form-revamp-thankyou .thank-you-left-content {
    position: absolute;
    top: 50%;
    right: 20%;
    transform: translate(13%, -50%);
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .thank-you-left-content {
        top: 46%;
        transform: translate(8%, -50%);
    }
}

.form-revamp-thankyou .thank-you-left-content .thank-you-left-heading {
    color: #000;
    letter-spacing: -0.64px;
    text-shadow: 3px 2.5px 0px #fff, 3px 2.5px 2px #000;
    font-size: 60px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: -1.2px;
    font-family: inherit;
}

@media (min-width: 992px) {
    .form-revamp-thankyou .thank-you-left-content .thank-you-left-heading {
        margin-bottom: 12px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .thank-you-left-content .thank-you-left-heading {
        font-size: 24px;
        line-height: 56px;
        letter-spacing: -0.48px;
    }
}

.form-revamp-thankyou .thank-you-left-content .thank-you-left-subheading {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-align: unset;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .thank-you-left-content .thank-you-left-subheading {
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0.11px;
    }
}

.form-revamp-thankyou .form-revamp-thankyou-right-content {
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: 0 10%;
    background-image: var(--bg-image-desk);
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .form-revamp-thankyou-right-content {
        height: 440px;
        background-image: var(--bg-image-mobile);
        display: block;
    }
}

.form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message {
    color: #fff;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message {
        padding-top: 50px;
    }
}

.form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message .thank-you-right-heading {
    color: #fff;
    font-size: 64px;
    font-weight: 700;
    line-height: 70px;
    text-align: unset;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message .thank-you-right-heading {
        font-size: 32px;
        line-height: 35px;
    }
}

.form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message .thank-you-right-subheading {
    color: #ededed;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 10px 0;
    width: 50%;
    text-align: unset;
}

@media (min-width: 320px) and (max-width: 991px) {
    .form-revamp-thankyou .form-revamp-thankyou-right-content .thank-you-message .thank-you-right-subheading {
        color: #bebebe;
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
}

.ctaComp.ctaRevampYellow {
    width: fit-content;
    margin-top: 20px;
}

.animated-arrow-btn.yellow-gradient {
    padding: 11px 18px;
    align-items: center;
    border-radius: 4.5px;
    color: #1e1e1e;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-flex;
    gap: 19px;
    background: var(--gradient, linear-gradient(180deg, #fec940 0%, #f90 100%));
    border: none;
}

.animated-arrow-btn.yellow-gradient:hover{
    color: #222;
    background: #fed440;
    box-shadow: none;
}

@media (min-width: 320px) and (max-width: 991px) {
    .animated-arrow-btn.yellow-gradient {
        font-size: 12px;
        gap: 10px;
    }
}

.animated-arrow-btn.yellow-gradient .arrow {
    display: flex;
}

.animated-arrow-btn.yellow-gradient .arrow::after {
    content: "";
    width: 17px;
    height: 15px;
    background: url("clientlib-site/images/arrow-black.webp");
}

.animated-arrow-btn.yellow-gradient:hover .arrow {
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
}

.sldr-captn .h1.sldr-title {
    font-family: 'apFontBold';
}
.h3.h3-border span, .newsandevents .date-box span,.newsandevents .typography h3,.h4 {
    font-family: 'apFontRegular';
    letter-spacing: 1px;
}
.newsandevents .typography p {
    font-family: 'apFontLight';
    letter-spacing: 1px;
}
.newsandevents .col-sm-9 {
    padding-left: 0;
    float: left;
}
.newsandevents .dwnld-btn {
    margin-top: 10px;
}
h4.h4 {
    margin-bottom: 20px;
}
.newsandevents .archives-list {
    background-color: unset;
    padding: 0;
    border: 0.5px solid #431a80;
}
.newsandevents  .archives-list li {
    border-color: #431a80;
}
.newsandevents  .archives-list .currentNews:last-child li {
    border: none;
}
.newsandevents .archives-list li.active a {
    color: #fff;
}
.newsandevents .archives-list li a {
    color: #431a80;
}
.newsandevents .archives-list li a:hover,.newsandevents .archives-list .currentNews:hover a {
    color: #ffffff;
    text-decoration: none;
}
.newsandevents .archives-list .currentNews:hover {
    background-color: #5C26A8;
    border-color: #5C26A8;
}
.aboutuswrapper .container {
    width: 100%;
}
.c-sticky-box,.c-sticky-box .custom-circleWrap {
    background: #431a80;
}


@media only screen and (max-width: 767px) and (orientation: portrait) {
    .imagebanner {
        margin-top: 60px;
    }
}

@media ( min-width: 320px)and (max-width: 991px) {
    .imagebanner {
        margin-top: -6px;
    } 
    .gray-strip.affix{
        top: 89px !important;
    }
}
@media only screen and (max-width: 767px) {
    .aboutuswrapper .textdescriptionwithCTA .col-sm-12 {
        padding: 0;
    }
    .newsandevents .evnt-secn.row {
        display: flex !important;
        justify-content: space-between;
    }
    .newsandevents .evnt-secn.row div.col-sm-2 {
        padding: 0;
        flex-basis: 20%;
    }
    .newsandevents .left-offset.col-md-11 {
        flex-basis: 75%;
        padding: 0;
    }
    .newsandevents  .archives-list .currentNews:last-child li {
        border-bottom: 1px solid #431a80;
    }
    .newsandevents .mob-mrgn2,.newsandevents .col-sm-9 {
        max-width: 100%;
        padding: 0;
    }
    .c-sticky-box ul li {
        width: 50% !important;
    }
    .newsandevents  .archives-list li {
        margin: 0;
    }
}

@media only screen and (max-width: 991px) {
 .newsandevents .date-box span,.newsandevents .typography h3,.newsandevents .dwnld-btn {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .newsandevents .evnt-secn.row div.col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .newsandevents .left-offset.col-md-11 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

.aboutusmenu .gray-strip {
    background-color: #431a80;
    margin-top: -2px;
}
.campaignwrapper .carousel .row {
    display: block;
}
.whychooseus .function-boxes-wrapper {
    width: 100%;
}
.whychooseus .function-boxes-wrapper .function-boxes-copy>p,.item-hdng {
    font-family: 'apFontLight';
    letter-spacing: 1px;
}
.whychooseus .function-boxes-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -40px;
}
.whychooseus .function-boxes-wrapper ul li:nth-child(3n) {
    padding-right: 0;
}
.whychooseus .function-boxes-wrapper ul img,.policies-container>p>span>img,.testimonialcarousel img,.aboutuswrapper .parsys_column img {
    background: none;
}
.overview-copy.typography ul li:before {
    content: "";
    top: 10px;
}
.overview-container .overview-copy.typography p,.campaignwrapper .carousel ul#spot-carousel li .sldr-title,.policies-container>p>span,
.benefits #campus div.clearfix .h3,.aboutusmenu .gray-strip .inner-menu li a {
    font-family: 'apFontRegular' !important;
    letter-spacing: 1px;
}
.overview-container .overview-copy.typography ul {
    margin-top: 10px;
}
.overview-container .overview-copy.typography ul li {
    margin: 5px 0 0px 10px !important;
}
.policies-wrapper {
    background: #fff;
}
.benefits #campus div.clearfix {
    display: flex;
}
.campus-contianer>.alltext.minHt {
    height: 85px;
}
.campus-contianer>.alltext>p {
    font-family: 'apFontLight';
}
.campus-contianer .readMoreLink,.contentarticle a,.investor-stock-quote a,.policiesprograms .investor-policies-program a {
    text-transform: uppercase !important;
    font-size: 12px;
    border-bottom: 2px solid #431a80;
    color: #000;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    padding-bottom: 2px;
}
.testimonialcarousel .hidden-sm {
    display: none;
}
.test-copy-container h3 {
    font-family: 'apFontMedium';
}
.test-copy-container p {
    font-family: 'apFontLight';
}
.contentarticle a:hover {
    text-decoration: none;
    color: #000 !important;
}
.rightpainttool {
    padding: 0 15px;
}
.campaignwrapper .col-md-12.col-sm-12,.campaignwrapper .carousel .col-md-12, .aboutusmenu .gray-strip .col-md-12 {
    padding: 0;
}
.whychooseus .function-boxes-wrapper ul li:nth-child(3n+1) {
    padding-left: 0;
}
.campaignwrapper .testimonial-carousellll {
    margin: 20px -15px;
}
.campaignwrapper .testimonial-carousellll .setpadright {
    padding: 0 15px;
}
.campaignwrapper .carousel ul#spot-carousel li .sldr-title {
    font-size: 22px;
}
.campaignwrapper .carousel ul#spot-carousel .butn-style {
    font-family: 'apFontLight';
    padding-left: 15px;
}
.aboutuswrapper .parsys_column .contentarticle.typography h6,.aboutuswrapper .parsys_column.colctrl-3c-25_25_50-c1 .contentarticle.typography:nth-child(2) h4 {
    display: none;
}
#campus {
    margin-left: -15px;
}
.policies-container span p {
    font-size: 14px;
}
.policies-container p span {
    text-transform: uppercase;
}
.campus-contianer .readMoreLink:hover {
    font-size: 12px;
}
.owl-controls .owl-pagination .owl-page span {
    border: 1px solid rgba(42, 42, 42, 0.38);
    background: #fff !important;
}
.owl-controls .owl-pagination .owl-page.active span {
    width: 30px;
    background: #fff !important;
}
.owl-controls .owl-pagination .owl-page:hover span {
    background: #fff !important;
}
.bx-pager .bx-pager-item a,.bx-pager .bx-pager-item a.active {
    background-image: none !important;
    background-color: #fff !important;
    border: 1px solid rgba(42, 42, 42, 0.38);
    border-radius: 50% !important;
}
.bx-pager .bx-pager-item a.active {
    border-radius: 20px !important;
    width: 30px !important;
}
.gallery-carousel .owl-controls {
    bottom: 50%;
}
.campus-wrap .campus-block:first-child {
    float: left;
}
.campus-wrap .campus-block:last-child {
    float: right;
}
.campus-wrap .campus-block h3 {
    font-family: 'apFontRegular';
    margin-bottom: 10px;
    text-transform: capitalize;
}
.campus-wrap .campus-block .global-button-white {
    width: auto;
}
.campus-wrap .campus-block .global-button-white {
    border: 1px solid #431a80 !important;
    color: #431a80 !important;
    border-radius: 0;
}
.campus-wrap .campus-block .global-button-white:hover {
    color: #fff !important;
}
.parsys_column .parsys_column .contentarticle {
    font-family: 'apFontLight';
    font-size: 14px;
    line-height: 24px !important;
}
.aboutuswrapper .bnnr-secn .bx-wrapper .bx-viewport {
    height: auto !important;
}
.aboutuswrapper .bnnr-secn #spot-carousel li {
    position: relative !important;
    width: auto !important;
}
.h3.h3-border span {
    font-size: 30px;
    font-family: 'apFontSemiBold';
    text-transform: capitalize;
}
.careercanvasblog .inner-gallery .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
    left: 10px;
}
.campus-contianer>.alltext>p {
    font-size: 14px;
}
.colctrl-3c-25_25_50 .colctrl-3c-25_25_50-c1 {
    margin-top: 16px;
}
.campaignwrapper .carousel .bnnr-secn .bx-wrapper .bx-viewport {
    min-height: 500px;
}
.campaignwrapper .carousel .bnnr-secn .bx-wrapper .bx-viewport li {
    width: 100% !important;
}
@media only screen and (max-width: 767px) {
    .gray-strip .dtmAboutUsMenu li {
        border-bottom: 1px solid #431a80;
        background: #fff;
    }
    .gray-strip .dtmAboutUsMenu li a {
        color: #431a80;
    }
    .h3.h3-border span {
        font-size: 22px;
    }
    .aboutuswrapper .inner-secn .container > .row {
        display: flex !important;
    }
    .colctrl-3c-25_25_50 .colctrl-3c-25_25_50-c1 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
    .rightpainttool {
        padding: 0;
    }
    .overview-copy {
        left: 5vw;
    }
    .overview-container .overview-copy.typography p {
        font-size: 22px;
    }
    .overview-copy>ul>li {
        font-size: 12px;
    }
    .campaignwrapper {
        padding: 0 30px;
    }
    .bnnr-secn .bx-wrapper .bx-pager {
        bottom: 25px !important;
    }
    .whychooseus {
        padding: 0 30px;
    }
    .whychooseus .function-boxes-wrapper ul {
        display: block;
    }
    .whychooseus .function-boxes-wrapper ul li {
        padding: 0;
        max-width: 100%;
    }
    .benefits #campus div.clearfix {
        display: block;
    }
    .benefits #policies {
        padding: 0 15px;
    }
    .policies-container p span {
        font-size: 14px;
    }
    .campus-contianer.campus-list .h3 {
        font-size: 18px;
    }
    .campus-contianer>.alltext.minHt {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .campus-contianer {
        margin-bottom: 40px;
        max-width: 100%;
    }
    .bnnr-secn .bx-wrapper .bx-pager.bx-default-pager a, .owl-controls .owl-pagination .owl-page span  {
        width: 14px !important;
        height: 14px !important;
    }
    .bnnr-secn .bx-wrapper .bx-pager.bx-default-pager a.active,.owl-controls .owl-pagination .owl-page.active span {
        width: 25px !important;
    }
    .test-copy {
        display: block;
        min-height: 330px;
    }
    .gray-strip .dtmAboutUsMenu {
        border: 1px solid rgb(67, 26, 128);
    }
    .rightpainttool .col-xs-12.col-sm-4.global-margin-0.global-padding-0 {
        max-width: 100%;
    }
    .parsys_column .parsys_column .contentarticle {
        font-size: 13px;
    }
    .testimonial-carousellll {

    }
    .testimonial-carousellll .setpadright {
        padding: 0;
    }
    .aboutuswrapper .carousel {
        margin: 0 -15px;
    }
    .inner-secn .rightpainttool .row {
        display: block;
    }
    .campaignwrapper .carousel .bnnr-secn .bx-wrapper .bx-viewport {
        min-height: 440px !important;
        height: 440px !important;
    }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    .test-copy {
        min-height: 365px;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .benefits .policies-wrapper .container {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .testimonial-carousellll .row {
        display: block;
    }
    .testimonial-carousellll .row .setpadright,.testimonial-carousellll .row .setpadleft {
            max-width: 100%;
    }
    .testimonial-carousellll .setpadright {
        padding: 0 0 0 15px;
    }
}
.gray-strip {
    transition: none !important;
    -webkit-transition: none !important;
}
.search-item input.searchDecor,.filter-header,.filter-header button.newreset.resetDecor,#filters1 .accrdn-title-inspiration {
    font-family: 'apFontRegular';
    text-transform: uppercase !important;
    font-size: 14px;
    letter-spacing: 1px;
    color: #222;
}
.search-item input.searchDecor {
    border: 1px solid #222;
    padding-right: 35px;
}
.search-item input.searchDecor::placeholder {
    color: #222;
    font-family: 'apFontLight';
    font-size: 13px;
    opacity: 0.6;
    text-transform: initial;
}
.filter-header {
    background-color: unset;
}
.filter-left-container-desk {
    border: none;
}
.filter-header button.newreset.resetDecor {
    border: none;
}
.checkbox label::before {
    height: 16px;
    width: 16px;
    border-color: #838383;
    border-radius: 50%;
}
.filter-left-container-desk .checkbox label div {
    font-family: 'apFontLight';
    font-size: 13px;
    letter-spacing: 1px;
    color: #222;
}
#filters1 .checkbox input[type="checkbox"] {
    position: relative;
    height: 16px;
    width: 16px;
    left: 1px;
    top:0px;
    flex-basis: 8%;
}
#filters1 .intrst-check .checkbox {
    display: flex;
    padding-left: 0;
}
.post-blck {
    padding-left: 0;
}
#filters1 .checkbox label {
    flex-basis: 90%;
}
#filters1 .checkbox label:before,#filters1 .checkbox label:after {
    left: 5px;
    margin-left: -22px;
    top: 0px;
}
#filters1 .checkbox label:after,input[type=checkbox].styled:checked+label:after {
    background: url('clientlib-site-revamp/images/Icons-Sprite.webp') no-repeat -709px -313px;
    width: 23px;
    height: 23px;
    transform: scale(0.7);
    top: -3px;
    margin-left: -25px;
}
.item-hdng-decor-blogs {
    font-family: 'apFontLight' !important;
    text-transform: capitalize;
    color: #222;
}
.global-button-white.moreDecorBlocks {
    border-color: #431a80 !important;
    border-radius: 0;
    color: #431a80 !important;
    font-family: 'apFontRegular' !important;
    font-size: 13px !important;
    text-transform: uppercase;
    padding: 17px !important;
}
.global-button-white.moreDecorBlocks:hover {
    color: #fff !important;
}
.search-item button {
    background: url('clientlib-site-revamp/images/Icons-Sprite.webp') no-repeat -145px -39px;
    width: 20px;
    height: 20px;
}
.scf button {
    border: 1px solid #431a80;
    color: #431a80;
    font-family: 'apFontRegular';
    padding: 13px 30px;
    font-size: 14px;
}
.scf button:hover {
    background-color: #431a80 !important;
}
.accor-new .accrdn-title-inspiration.open,.accor-new .accrdn-title-inspiration {
    background: none;
}
.accor-new .accrdn-title-inspiration.open:after,.accor-new .accrdn-title-inspiration:after {
    content: '';
    background: url('clientlib-site-revamp/images/apSpriteImage.webp');
    background-position: -73px -13px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 17px;
    top: 14px;
}
.accor-new .accrdn-title-inspiration.open:after {
    transform: rotate(90deg);
}
.accor-new .accrdn-title-inspiration:after {
    transform: rotate(270deg);
}
.dsgnr-dtls .blog-title.custom-blog-title {
    font-size: 30px;
    font-family: 'apFontRegular';
}
.scf h4 {
    font-family: 'apFontLight';
}
.add-cmmnt textarea.custum-input {
    font-family: 'apFontLight';
}
.comment-listing-parent p {
    margin-bottom: 20px;
}
strong,h3 {
    font-family: 'apFontRegular';
}
.filterHolder label > div {
    word-break: break-word;
}
.carousel .bnnr-secn .bx-wrapper .bx-viewport {
    min-height: 500px !important;
}
.carousel .bnnr-secn .bx-wrapper .bx-viewport li {
    width: auto !important;
}
.sldr-title {
    font-family: apFontSemiBold;
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .search-item button {
        margin-top: -3px;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .tab-style1.custom h2 {
        float: none;
        text-align: center;
    }
    .search-item button {
        margin-top: -20px;
    }
    .mnContr .col-xs-12.col-sm-3.margin-bottom50 {
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .filter-left-container-mob-plus,.filter-left-container-mob-minus {
        font-family: 'apFontRegular';
        text-transform: uppercase;
        font-size: 20px;
        width: 100%;
    }
    #filters .accrdn-title-inspiration {
        font-family: 'apFontRegular';
        font-size: 13px;
        letter-spacing: 1px;
        text-transform: uppercase !important;
    }
    .accrdn-cntnt .intrst-check label > div {
        font-family: 'apFontLight';
    }
    .filter-header {
        margin-bottom: 0;
    }
    .accrdn-secn {
        margin-top: 10px;
    }
    #filters .accrdn-cntnt {
        padding: 0;
    }
    .row .decor-blocks-container .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
        padding: 0;
    }
    .mnContr .col-xs-12.col-sm-9,.mnContr #inspiration-new-gallery .decor-blocks-container .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
        max-width: 100%;
        flex-basis: 100%;
    }
    #filters .checkbox input[type="checkbox"] {
        position: relative;
    }
    #filters .checkbox label::after {
        left: 6px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mnContr #inspiration-new-gallery .decor-blocks-container .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
        max-width: 50%;
    }
    .row.decor-blocks-container {
        justify-content: space-between;
    }
     .filter-stick-mob {
        display: none;
     }
     #filters1 .accrdn-title-inspiration {
        width: 93%
     }
     #filters1 .accrdn-title-inspiration {
        padding-left: 0;
     }
     .filter-header {
        padding-left: 0;
     }
     .accor-new .accrdn-title-inspiration::before {
        width: 0;
     }
     #filters1 .accrdn-cntnt {
        padding-left: 0;
     }
}
@media only screen and (max-width: 991px) {
    .forum h2.section-header {
        width: 100%;
        text-align: center;
        margin-bottom: 20px !important;
    }
    .carousel .bnnr-secn .bx-wrapper .bx-viewport {
        height: 500px !important;
    }
}


.warranty-main .warranty-box h3,.warranty-main .register-activate-head {
    font-family: 'apFontBold' !important;
    text-transform: capitalize;
    color: #373737;
    line-height: 1.8;
    font-size: 20px;
}
.warranty-main .pro-left {
    width: 90%;
}
.warranty-main .warranty-bar span {
    background: #431a80;
}
.warranty-main .pro-right {
    padding: 10px 0 0;
    border-left: none;
    width: 90%;
}
.warranty-main .proMain label:first-child {
    padding-right: 10px;
}
.warranty-main .proMain label:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,0.2);
    padding-left: 10px;
}
.warranty-main .proMain label {
    font-size: 14px;
    line-height: 2;
    font-family: 'apFontLight';
    color: #222;
}
.warranty-main .proMain label span {
    font-family: 'apFontMedium';
}
.warranty-main .warranty-box a,.warranty-main .register-msg p a {
    font-size: 13px;
    text-transform: uppercase !important;
    font-family: 'apFontMedium';
    padding: 15px 0 0px;
    margin-right: 0;
    color: #222;
    font-weight: normal;
    border-bottom: 2px solid #8839ff;
    text-decoration: none;
}
.warranty-main .warranty-content {
    color: #222;
    font-size: 14px;
    line-height: 2;
    font-family: 'apFontLight';
}
.warranty-main .warranty-view-btn {
    background: url('clientlib-site-revamp/images/Icons-Sprite.webp') no-repeat -902px -317px;
    width: 12px;
    height: 12px;
}
.warranty-main .warranty-view-btn.warrantyguide {
    background: url('clientlib-site-revamp/images/Icons-Sprite.webp') no-repeat -936px -322px;
    width: 12px;
    height: 12px;
}
.warranty-main .warranty-view-btn,.warranty-main .warranty-view-btn.warrantyguide {
    margin-top: -30px;
}
.warranty-main .warranty-box {
    border-color: #E9E9E9;
}
.warranty-main .warranty-box:first-child {
    padding-top: 0;
}
.warranty-main form.register-warranty .register-field label,.warranty-main form.register-warranty .register-field label span,.warranty-main form.register-warranty input.form-control,
.warranty-prodetail .prodetail-warranty label,.warranty-prodetail .prodetail-warranty label span,.warranty-main .pro-details input {
    text-transform: uppercase;
    opacity: 0.6;
    letter-spacing: 1.08px;
    font-size: 14px;
    line-height: 0.86;
    color: #222222;
    font-family: 'apFontLight';
}
.warranty-main form.register-warranty input.form-control,.warranty-main .pro-details input {
    opacity: 1;
    font-family: 'apFontRegular';
}
.warranty-main form.register-warranty .register-field label,.warranty-prodetail .prodetail-warranty label {
    width: 100%;
    justify-content: start;
}
.warranty-main form.register-warranty input.form-control,.warranty-main .pro-details input {
    margin-top: 10px;
}
.warranty-main .warrantyregister-btn {
    padding: 0;
}
.warranty-main .warrantyregister-btn a {
    width: 100%;
    text-transform: uppercase;
    padding: 5px 40px;
    border-color: #431a80;
    color: #fff;
    font-size: 13px;
    font-family: 'apFontRegular';
    letter-spacing: 1px;
    background-color: #431a80;
}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label:before, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label:before {
    width: 20px;
    height: 20px;
    top: 4px;
    border: 1px solid #aa94cb;
    border-radius: 50%;
}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label {
    color: #222;
    line-height: 2.15;
    text-transform: capitalize;
    font-family: 'apFontLight';
    font-size: 14px;
}
.warranty-main .warranty-pro-option [type="checkbox"]:not(:checked) + label:after, .warranty-main .warranty-pro-option [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 8px;
    border: 1px solid #fff;
    left: 8px;
    height: 10px;
    width: 4px;
    border: 1px solid #431a80;
    transform: rotate(45deg);
    border-width: 0 1px 1px 0;
}
.error-msg {
    font-size: 13px;
    font-family: 'apFontLight';
}
.warranty-main .warranty-pro-option,.warranty-main .pro-details input {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
}
.warranty-main .warranty-pro-option label {
    padding-left: 30px;
}
.warranty-main .warranty-pro-option.last-option label {
    text-transform: inherit !important;
    font-size: 13px !important;
}
.warranty-main .pro-fields select {
    letter-spacing: 1.08px;
    line-height: 0.86;
    font-size: 14px;
    font-family: 'apFontRegular';
    text-transform: uppercase;
    border-radius: 0;
}
.warranty-registerform .pro-fields {
    width: 100%;
}
.warranty-main .warranty-step5 {
    text-align: center;
}
.warranty-main .register-msg p {
    font-size: 14px;
    line-height: 2;
}
.typography h3 {
    font-size: 22px;
}
.warranty-main .warrranty-pro-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    float: none;
}
.warranty-main .warranty-pro-option {
    flex: 0 0 50%;
}
.warranty-step-main .wrnt-pro-opt-err,.warranty-step-main .wrnt-pro-dclr-err {
    padding-left: 22px;
}
.warranty-step1 .error-msg,.register-warranty .error-msg,.pro-details-sec .error-msg {
    padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
    .error-msg {
        padding-bottom: 40px;
    }
    .warranty-main .warranty-pro-option.last-option {
        padding-left: 22px;
    }
    .warranty-main .warrantyregister-btn.warranty-step-three {
        padding-top: 0;
        margin-left: 25px;
    }
}
@media only screen and (max-width: 991px) {
    .warranty-main .warranty-box a {
        text-decoration: none;
        letter-spacing: 0.92px;
    }
    .warranty-main .proMain label:nth-child(2) {
        border-left: none;
        padding-left: 0;
    }
    .warranty-main .proMain label:first-child {
        padding-right: 0;
    }
    .warranty-main .warranty-left {
        padding-right: 0;
    }
    .warranty-main .pro-right {
        padding: 0;
    }
    .warranty-main .warranty-right-parent {
        position: absolute;
        top: 170px;
        left: 0;
        right: 0;
        max-width: 100%;
    }
    .warranty-main {
        padding: 180px 0;
    }
    .warranty-main .visible-phn {
        padding: 0;
    }
    .warranty-main .visible-phn a {
        width: 100%;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.92px;
        line-height: 1;
        color: #fff;
        border-color: #431a80;
        padding: 15px 20px;
        font-family: 'apFontRegular';
    }
    .warranty-main .warranty-box a,.warranty-main .warrantyregister-btn a {
        font-size: 12px;
    }
    .warranty-main .col-xs-12.col-md-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .warranty-main .proMain label {
        font-size: 14px;
    }
    .warranty-main .warranty-registerform {
        padding-top: 150px;
    }
    .warranty-main .register-activate-head,.warranty-main .warranty-box h3 {
        font-size: 16px;
    }
    .warranty-main form.register-warranty .register-field label {
        font-size: 11px;
    }
    .warranty-main form.register-warranty input.form-control {
        font-size: 12px;
        margin-top: 20px;
    }
    .warranty-step {
        padding-top: 150px;
    }
    .warranty-main .warranty-pro-option {
        padding-left: 20px;
    }
    .warranty-main .warranty-view-btn,.warranty-main .warranty-view-btn.warrantyguide {
        margin-top: -35px;
    }
    .warranty-main .warrranty-pro-list {
        display: block;
        flex-wrap: unset;
        padding-left: 0;
    }
    .warranty-main .warranty-pro-option.last-option label {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .warranty-main .warranty-right-parent {
        width: 80%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .warranty-main .proMain label:first-child {
        padding-right: 10px;
    }
    .warranty-main .proMain label:nth-child(2) {
        border-left: 1px solid rgba(0,0,0,0.2);
        padding-left: 10px;
    }
    .warranty-main .warranty-right-parent {
        width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 420px) {
    .warranty-step {
        padding: 150px 20px;
    }
}
#international:nth-child(even) .row {
    flex-direction: row-reverse;
}
h3 {
    font-family: 'apFontMedium' !important;
    margin-bottom: 10px !important;
}
#international:nth-child(even) .row .col-sm-9.col-sm-pull-3 {
    margin-top: 35px;
}
#international:last-child {
    margin-bottom: 60px !important;
}
p.drctr-desgn,
.table-responsive .table>tbody>tr>th,
.table-responsive .table>tbody>tr>td {
    font-family: 'apFontLight';
}
.global-button-white:focus {
    background-color: #fff !important;
    color: #431a80 !important;
    border-color: #431a80 !important;
}
.item-look-captn-hdng {
    font-family: 'apFontMedium';
}
.alsolookfor .drctcrs-secn img,.accrdn-title,.accrdn-title.open,.isVisible-img--scroll {
    background: none;
}
.accordion .initialFaqs,
.accordion .initialFaqs .accrdn-secn .h3 {
    width: 100%;
}
.accrdn-title:before {
    width: 0;
    height: 0;
    content: "-";
    top: 15px;
    margin-top: 0;
}
.accrdn-title:after,.accrdn-title.open:after {
    content: '';
    background: url('clientlib-site-revamp/images/apSpriteImage.webp');
    background-position: -73px -13px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 17px;
}
.accrdn-title:after {
    transform: rotate(270deg);
}
.accrdn-title.open:after {
    transform: rotate(90deg);
}
.overview.section:not(:first-child) {
    margin-top: 60px;
}
.textdescriptionwithCTA .typography h3 {
    font-size: 22px;
}
.fr-three-box .item .tile .item-look-captn {
    padding: 12px 10px;
}
.inner-menu > li > a {
    padding: 0 14px 0 0;
}
.alsolookfor {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #international:nth-child(even) .row .col-sm-9.col-sm-pull-3,#international .row .col-sm-9.mt-35 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .aboutuswrapper .overview.section .col-sm-3.center,
    .aboutuswrapper .overview.section .col-sm-9.mt-35,
    .alsolookfor .drctcrs-secn .fr-three-box {
        max-width: 100%;
    }
    .overview.section:not(:first-child) {
        margin-top: 30px;
    }
    .textdescriptionwithCTA .typography h3 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .aboutuswrapper #international .col-sm-9.col-sm-pull-3,.aboutuswrapper #international .col-sm-9.mt-35 {
        margin-top: 0 !important;
    }
    .aboutuswrapper .h2.section-header {
        margin-bottom: 20px;
    }
}
.aboutusmenu .inner-menu li ul {
    background-color: #431a80;
}
.aboutusmenu .inner-menu li .icon {
    position: relative;
    top: 7px;
}
.date-box span,.investor-view-btn {
    font-family: 'apFontRegular';
}
.typography p,.dwnld-btn,.investorsnotices .tab-style1 .nav li a,.bootstrap-select.btn-group .dropdown-toggle .filter-option,
.bootstrap-select.btn-group .dropdown-menu li a span.text,.typography h4 {
    font-family: 'apFontLight';
}
#announcements .global-button-white,#analystpresentations .global-button-white,.capitalholdings .global-button-white,
.investorsshareholding .global-button-white,.pdfdamcomponent .global-button-white,.analystpresentation .global-button-white {
    text-transform: uppercase !important;
    font-size: 13px !important;
    border-radius: 0;
    padding: 17px !important;
    font-family: 'apFontRegular' !important;
    color: #431a80 !important;
}
#announcements .global-button-white:hover,#analystpresentations .global-button-white:hover,
.capitalholdings .global-button-white:hover,.investorsshareholding .global-button-white:hover,.pdfdamcomponent .global-button-white:hover ,
.analystpresentation .global-button-white:hover{
    color: #ffffff !important;
}
.capitalholdings td,.capitalholdings th,.tab-content p {
    padding: 10px;
    font-family: 'apFontLight';
    font-size: 14px;
}
.investorsshareholding .tab-content p {
    padding-left: 0;
}
.contentarticle p b {
    font-family: 'apFontSemiBold';
}
#announcements .events-secn .date-box {
    width: 80px;
}
.investorsnotices .bootstrap-select.btn-group .dropdown-menu {
    max-height: 150px !important;
    position: relative;
    top: 100%;
}
.investorsnotices h3 {
    font-size: 22px;
}
.slct-style1 .bootstrap-select .dropdown-toggle .caret {
    content: " ";
    background: url("clientlib-site-revamp/images/apSpriteImage.webp");
    background-position: -73px -13px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 0;
    transform: rotate(270deg);
}
.slct-style1 .bootstrap-select.open .dropdown-toggle .caret {
    content: " ";
    background: url("clientlib-site-revamp/images/apSpriteImage.webp");
    background-position: -73px -13px;
    width: 7px;
    height: 13px;
    position: absolute;
    right: 0;
    transform: rotate(90deg);
}
.investorsshareholding .typography.no-bullets ul li,.financialresults .typography.no-bullets ul li {
    margin: 20px !important;
}
.slct-style1 .dropdown-toggle:after {
    display: none;
}
.financialresults {
    padding: 0 42px;
}
.financialresults .row {
    display: block;
}
.financialresults .row .fin-drop .investor-fin-result {
    display: inline-block;
}
.financialresults .typography.no-bullets .investor-stock-quote ul li {
    margin: 20px 0 20px 0 !important;
}
.investorsnotices .tab-style1 {
    margin-top: 50px;
}
.investorsnotices .tab-style1 .nav li.active:before {
    top: 36px;
}
.investorsnotices .bootstrap-select.btn-group .dropdown-menu li {
    padding: 20px;
}
.financialresults .container .col-md-12,.investorsnotices .tab-content p {
    padding-left: 0;
}
.policiesprograms .investor-policies-program a:hover {
    color: #000;
    text-decoration: none;
}
.aboutuswrapper .colctrl-2c-50_50-c1 .contentarticle h4:first-child {
    display: none;
}
.aboutuswrapper .colctrl-2c-50_50 .colctrl-2c-50_50-c0, .aboutuswrapper .colctrl-2c-50_50 .colctrl-2c-50_50-c1 {
    width: 50%;
}
.dropup .dropdown-menu {
    bottom: auto !important;
}
@media only screen and (max-width: 991px) {
    .financialresults .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .financialresults {
        padding: 0 20px;
    }
    .typography h3,.investorsnotices h3 {
        font-size: 18px;
    }
    #announcements .events-secn > div:first-child,#pdfdamcomponentdiv .events-secn > div:first-child {
        flex-basis: 30%;
        padding-left: 0;
    }
    #announcements .events-secn > div:last-child,#pdfdamcomponentdiv .events-secn > div:last-child {
        flex-basis: 70%;
        padding-right: 0;
    }
    .contentarticle table {
        width: 100%;
    }
    #announcements .events-secn .date-box {
        width: auto;
    }
    .financialresults .row .fin-drop .investor-fin-result {
        max-width: 49%;
    }
    .investorsnotices .tab-style1 .nav li.active:before {
        top: 34px;
    }
    .tab-content p {
        padding-left: 0;
    }
    .slct-style1 .bootstrap-select .dropdown-toggle .caret {
        top: 50%;
    }
    .investorsnotices .bootstrap-select.btn-group .dropdown-menu li {
        padding: 10px;
        padding-left: 0;
    }
    .policiesprograms .inner-secn {
        padding: 30px 0;
    }
    .initialFaqs .accrdn-secn .accrdn-title:before {
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .col-sm-12,.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .gray-strip .dtmAboutUsMenu li {
        border-bottom: 1px solid #fff;
        background: #431a80;
    }
    .gray-strip .dtmAboutUsMenu li:last-child {
        border-bottom: 0;
    }
    .gray-strip .dtmAboutUsMenu li a {
        color: #fff;
    }
    .gray-strip .dtmAboutUsMenu.inner-menu li ul {
        position: static;
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #announcements .events-secn > div:first-child,#pdfdamcomponentdiv .events-secn > div:first-child {
        flex-basis: 20%;
        padding-left: 15px;
        max-width: 14%;
    }
    #announcements .events-secn > div:last-child,#pdfdamcomponentdiv .events-secn > div:last-child {
        flex-basis: 80%;
    }
    .gray-strip .dtmAboutUsMenu.inner-menu li ul {
        left: -25px;
    }
    .investorsnotices .bootstrap-select.btn-group .dropdown-menu li {
        padding-left: 20px;
    }
}
.bookAppointmentPLP .formWrapPLP .colWrapPLP label {
    color: #858585;
    text-transform: uppercase !important;
    letter-spacing: 1.08px;
    font-size: 14px;
    font-family: apFontLight;
}
.bookAppointmentPLP .formWrapPLP .colWrapPLP input {
    font-family: "apFontRegular";
    letter-spacing: 1.08px;
    text-transform: uppercase;
    padding-top: 15px;
}


/*Awards and recognitions*/

.awardsrecognitions #awards-template-placeholder .col-xs-8 {
    flex-basis: 72%;
    margin-left: 20px;
}
.awardsrecognitions .archives-list {
    background-color: unset;
    padding: 0;
    border: .5px solid #431a80;
}
.awardsrecognitions .archives-list li {
    border-color: #431a80;
}
.awardsrecognitions .archives-list .currentAwards:hover {
    background-color: #5c26a8;
    border-color: #5c26a8;
}
.awardsrecognitions .archives-list .currentAwards:hover a {
    color: #fff;
    text-decoration: none;
}
.awardsrecognitions .archives-list li a {
    color: #431a80;
}
.awardsrecognitions .archives-list li.active a {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .awardsrecognitions #awards-template-placeholder .col-xs-8 {
        flex-basis: 58%;
        margin-left: 20px;
    }
    .awardsrecognitions #awards-template-placeholder .col-sm-3.col-xs-4.pr-none {
        flex-basis: 35%;
        padding-left: 0;
    }
    .awardsrecognitions .archives-list li:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .awardsrecognitions .mob-mrgn2.col-sm-2 {
        max-width: 100%;
        flex-basis: 100%;
    }
    .awardsrecognitions .col-sm-10 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.apidwrapper {
    float: none !important;
}
.apidbanner .waterproofenquireform-apid {
    height: 480px;
}
.compareproducts .apidmain .wrapper.apidofferings.apidpad60 {
    float: left;
}
.apidslider-main .slick-next:before, .apidslider-main .slick-prev:before,.warrantyslidermain .slick-prev:before,.warrantyslidermain .slick-next:before {
    width: 0 !important;
}
footer {
    position: sticky;
}
.waterproofenquireform-apid h3 {
   font-family: 'Abhaya Libre' !important;
}
@media only screen and (max-width: 991px) {
    .apidbanner .waterproofenquireform-apid {
        height: auto;
    }
    footer {
        position: unset;
    }
    .apidmain {
        margin-top: 60px;
    }
    .compareproducts .apidmain .wrapper.apidofferings.apidpad60{
        display: flex;
        float: none;
    }
    .apidtestslider .slick-dots {
        text-align: center !important;
        bottom: -40px !important;
    }
    .apidtestslider .slick-dots li.slick-active {
        margin-right: 17px !important;
    }
    .apidtestslider .slick-dots li button {
        background-color: unset !important;
    }
}
.campaignspotlight.section .container-fluid.spotlight-container .owl-wrapper,
.campaignspotlight.section .container-fluid.spotlight-container .owl-wrapper .owl-item {
    width: 100% !important;
}
.campaignspotlight.section .form-container {
    left: 8%;
    width: 1170px;
    max-width: unset;
    top: 10%;
}
.campaignspotlight.section .form-container .form-content  #landingform li {
    width: 100%;
}
footer .ftr-btm {
    margin: -40px;
}
#landingform .form-content-display.typography.no-bullets.form-box div.error {
    bottom: -15px;
}
.bodycampaign .campaignspotlight.section .container-fluid.global-padding-0.global-margin-0.spotlight-container .col-xs-12 {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .campaignspotlight.section .form-container .form-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .ftr-btm {
        margin: -20px;
    }
    footer .ftr-btm .copyright {
        text-align: left;
    }
    .campaignspotlight.section .form-container {
        width: 80%;
    }
    .bodycampaign .ui-datepicker {
        width: 90%;
        margin-left: 0;
    }
}
.bodycampaign .campaignwrapper.section .textdescriptionwithCTA.section .contentarticle.typography .row .col-xs-12.col-sm-3.custom-mobile-480-col-xs-12 {
    float: left;
    width: 25%;
}
.bodycampaign .campaignwrapper.section .textdescriptionwithCTA.section .contentarticle.typography .row {
    display: block;
}
.bodycampaign .campaignwrapper.section .border {
    border: none !important;
}
.bodycampaign .campaignwrapper.section .twocolumnimagevideo.section .col-xs-12.col-sm-6.mobile-mb-30.typography.no-bullets {
    float: left;
}
.bodycampaign .wrapper .campaignheader.section .header-container .col-xs-12.hidden-sm.hidden-md.hidden-lg.text-right {
    display: none;
}
.bodycampaign .campaignwrapper.section .parsys_column.colctrl-3c-33_33_33.clearfix.mb-30 .textdescriptionwithCTA.section {
    padding: 0 20px;
}
@media only screen and (max-width: 991px) {
    .bodycampaign .campaignwrapper.section .twocolumnimagevideo.section .col-xs-12.col-sm-6.mobile-mb-30.typography.no-bullets {
        padding: 0;
    }
    .bodycampaign .wrapper .campaignheader.section .header-container .col-xs-12.hidden-sm.hidden-md.hidden-lg.text-right {
        display: block;
        width: 100%;
        padding: 0 15px;
    }
     .col-xs-12.col-sm-8.col-md-7.text-right.global-padding-0.tab-100.app-inner-menu {
        flex-basis: 100%;
        max-width: 100%;
    }
    .bodycampaign .wrapper .campaignheader.section .header-container .container {
        max-width: unset;
    }
    .bodycampaign .campaignwrapper.section .twocolumnimagevideo.section .col-xs-12.col-sm-6.mobile-mb-30.typography.no-bullets {
        float: none;
        flex-basis: 100%;
        max-width: 100%;
    }
    .bodycampaign .campaignwrapper.section .parsys_column.colctrl-3c-33_33_33.clearfix.mb-30 .textdescriptionwithCTA.section {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .bodycampaign .wrapper .campaignheader.section .header-container .col-xs-12.hidden-sm.hidden-md.hidden-lg.text-right {
        display: none;
    }
    .col-xs-12.col-sm-8.col-md-7.text-right.global-padding-0.tab-100.app-inner-menu {
        text-align: right !important;
    }
}
.bodycampaign .main-wrapper.topbanner .container {
    width: 1170px;
}
.bodycampaign .header.main-wrapper nav a {
    text-decoration: none;
}
@media only screen and (max-width: 991px) {
    .bodycampaign .main-wrapper.topbanner .container {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
    .bodycampaign .topbanner img {
        margin-top: -4px;
    }
    .bodycampaign .topbanner {
        margin-top: 55px;
    }
}
.bodycampaign .benefits.section .brdr-secn .col-md-6.col-sm-6.mb-55.list-item {
    width: 50%;
    float: left;
}
.bodycampaign .accordion.section .accrdn-secn .accrdn-cntnt {
    padding-top: 0;
    padding-bottom: 20px;
}
.bodycampaign .campaignspotlight.section .container-fluid.global-padding-0.global-margin-0.spotlight-container .row {
    margin: 0;
}
.bodycampaign .accordion.section .accrdn-secn a {
    word-break: break-all;
}
@media only screen and (max-width: 991px) {
    .bodycampaign .benefits.section .brdr-secn .col-md-6.col-sm-6.mb-55.list-item {
        width: 100%;
        float: none;
    }
    .bodycampaign .aboutuswrapper.section .benefits.section .col-md-6.col-sm-6.mb-55.list-item,
    .bodycampaign .aboutuswrapper.section .benefits.section .col-md-6.col-sm-6.mb-55.list-item .row .col-sm-3.center,
    .bodycampaign .aboutuswrapper.section .benefits.section .col-md-6.col-sm-6.mb-55.list-item .row .col-sm-9.mt-15.margin-top-zero-new {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bodycampaign .aboutuswrapper.section .benefits.section .col-md-6.col-sm-6.mb-55.list-item .row {
        display: block;
    }
}
.financial-result-revamp .date-range-area {
    display: flex;
}
.financial-result-revamp .fin-drop {
    border-top: 1px solid lightgrey;
    padding-top: 40px;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 40px;
}
.financial-result-revamp .container {
     max-width: 1366px;
 }
.financial-result-revamp .date-range-wp {
    margin-left: 40px;
    display: flex;
}
.financial-result-revamp .fin-drop {
    display: flex;
    flex-wrap: wrap;
}
.financial-result-revamp .financial-results {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    box-shadow: 1px 1px 1px 1px lightgrey;
    padding: 10px;
}
.financial-result-revamp .view-btn {
    margin: auto;
    margin-top: 40px;
}
.financial-result-revamp .investor-view-btn {
    font-size: 14px !important;
}
.financial-result-revamp .investor-fin-result {
    margin-bottom: 50px;
    border-right: none;
}
@media only screen and (max-width: 992px) {
    .financial-result-revamp .investor-fin-result {
        padding: 0;
    }
    .financial-result-revamp .fin-drop {
        margin-left: 0;
    }
    .financialresults .financial-result-revamp .row .fin-drop {
        display: flex;
        justify-content: space-between;
    }
    .financialresults .financial-result-revamp .row .fin-drop .investor-fin-result {
        max-width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .financial-result-revamp .date-range-area {
        justify-content: space-between;
    }
    .financial-result-revamp .view-btn {
        margin-top: 20px;
    }
}
.banner-carousel-revamp {
    position: relative;
    height: auto;
}
.banner-carousel-revamp .c-spotlight-carosel {
    position: initial;
}
.banner-carousel-revamp .slick-dots {
    display: block !important;
}
.banner-carousel-revamp .c-spotlight-carosel .slick-dots {
    bottom: 30px;
}
.banner-carousel-revamp .c-spotlight-carosel .slick-dots li button {
    color: white;
    background: white;
}
.banner-carousel-revamp .c-spotlight-carosel .slick-dots li.slick-active button {
    width: 22px;
    background: white;
}
.banner-carousel-revamp .slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    margin-right: 18px;
    padding: 0;
    cursor: pointer;
}
.banner-carousel-revamp .slick-dots li:last-child {
    margin-right: 0;
}
.banner-carousel-revamp .text-container {
    max-width: 100%;
    background: transparent;
    margin-left: 40px;
    position: absolute;
    z-index: 999898989;
    top: 50%;
    transform: translate(0, -50%);
}
.banner-carousel-revamp .sldr-title {
    font-family: apFontMedium;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
}
.banner-carousel-revamp .sldr-title2 {
    font-size: 60px;
    line-height: 60px;
    font-family: apFontBold;
    letter-spacing: 0;
}
.banner-carousel-revamp .slick-dotted.slick-slider {
    margin-bottom: 0;
    height:auto;
}
@media only screen and (max-width: 1000px) {
    .banner-carousel-revamp .text-container {
        width: 100%;
        text-align: center;
        margin-left: auto;
    }
    .banner-carousel-revamp .sldr-title {
        font-size: 12px;
    }
    .banner-carousel-revamp .sldr-title2 {
        font-size: 40px;
        line-height: 40px;
    }
}

  @font-face {
    font-family: 'icomoon';
	src: url('clientlib-site-revamp/fonts/bh-fonts/IcoMoon-Free.ttf');
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-instagram:before {
    content: "\ea92";
}
.icon-enter:before {
    content: "\e949";
}
.icon-cancel:before {
    content: "\ea0f";
}
.icon-selected:before {
    content: "\ea10";
}
footer.decor-footer {
	padding: 50px 13%;
	background-color: #424b5a;
	color: #fff;
}
.decor-footer i.icon {
	font-family: icomoon;
	font-style: initial;
	cursor: pointer;
}
.decor-footer .top-section {
	display: flex;
	flex-wrap: wrap;
}
.decor-footer .topLeft-section {
	flex-basis: 46%;
	padding: 0 15px;
}
.decor-footer .topRight-section {
	flex-basis: 46%;
	padding: 0 15px;
}
.topLeft-section h2 {
	font-family: Avenir;
    font-size: 48px;
    line-height: 68px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 50px;
}
.topLeft-section .category-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
.topLeft-section .category-list li {
	flex-basis: 50%;
	font-size: 16px;
	font-family: Avenir;
	text-transform: uppercase;
	padding-bottom: 30px;
	line-height: 14px;
	font-weight: 800;
}
.topLeft-section .category-list li a {
	text-decoration: none;
	color: #fff;
}
.bh-copyright-block {
	display: flex;
	flex-wrap: wrap;
	padding-top: 60px;
}
.bh-copyright-block .bh-copyright-block-links {
	flex-basis: 46%;
	padding: 0 15px;
}
.bh-copyright-block .bh-copyright-block-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	font-family: Avenir-Roman;
}
.bh-copyright-block .bh-copyright-block-links ul li {
	font-size: 12px;
}
.bh-copyright-block .bh-copyright-block-links ul li span {
	margin-right: 8px;
	color: #afafaf;
}
.bh-copyright-block .bh-copyright-block-links ul li a {
	color: #afafaf;
	text-decoration: underline;
}
.bh-copyright-block .bh-copyright-block-links ul li:not(:first-child) {
	margin-left: 5%;
}
.bh-copyright-block .bh-copyright {
	flex-basis: 47%;
	padding: 0 15px;
	font-size: 12px;
	font-family: Avenir-Roman;
    line-height: 17px;
    color: #afafaf;
}
.topRight-section h3 {
	font-size: 32px;
	line-height: 45px;
	margin-top: 0;
	font-family: Avenir;
    font-weight: 400;
	margin-bottom: 30px;
}
.emailInputWithButton{
	margin-bottom: 30px;
}
.emailInputWithButton .emailInput {
	background: rgba(123, 130, 144, 0.5);
	width: 390px;
	border: 1px solid rgba(74, 74, 74, 0.2);
	border-radius: 4px;
	display: -webkit-flex;
}
.emailInputWithButton .emailInput .emailButton {
	background: transparent;
	border: 0;
	font-size: 22px;
	color: #afafaf;
	padding: 0 16px;
}
.emailInputWithButton .emailInput .form-control {
	height: 48px;
	width: calc(100% - 54px);
	border: 0;
	background: transparent;
	border-right: 1px solid #424b5a;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 23px;
	font-family: Avenir;
	color: #fff;
}
.emailInputWithButton i {
	display: inline-block;
	transform: rotate(45deg);
}
.emailInputWithButton .emailInput .form-control:focus,.emailInputWithButton .emailInput .form-control:hover {
	outline: none;
	color: #fff;
	background: transparent;
}
.emailInputWithButton .emailInput .emailButton:hover,.newsletterPopup button:hover,.emailInputWithButton .emailInput .emailButton:focus {
	outline: 0;
}
.emailInputWithButton .emailInput .form-control:focus+button i {
	    color: #fa6a79;
}
.emailInputWithButton .emailInput .form-control::-webkit-input-placeholder {
	color: #afafaf;
	font-family: Avenir-Roman;
	font-weight: normal;
    font-size: 14px;
}
.topRight-section .logInTextWithLink {
	margin: 30px 0;
	padding-left: 10px;
	font-family: Avenir;
	font-size: 14px;
	color: #afafaf;
	font-weight: 900;
}
.topRight-section .logInTextWithLink a {
	color: #fa6a79;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 5px;
}
.social-icons-desktop .social-icons a {
	text-decoration: none;
	color: #fff;
	font-size: 22px;
}
.social-icons-desktop .social-icons a:not(:first-child){
	margin-left: 30px;
}
.social-icons-mobile a {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}
.social-icons-mobile {
	margin: 24px 0 48px;
}
.social-icons-mobile a:not(:first-child) {
	margin-left: 24px;
}
.newsletterPopup {
	/* display: none; */
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 155;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0%) translateY(0%);
    transition-delay: 0.2s;
}
.newsletterPopup.open {
	visibility: visible;
    transition-delay: 0.2s;
    transform: scale(1);
    opacity: 1;
}
.newsletterPopup.open .modal-content {
	transform: scale(1);
	top: 20%;
}
.newsletterPopup .modal-content {
	max-width: 465px;
    width: 100%;
    display: flex;
    align-content: center;
    margin: 0 auto;
    text-align: center;
    height: 70%;
    flex-direction: column;
    transform: scale(0);
    transition: all 0.5s;
    position: relative;
}
.newsletterPopup .modal-content .modal-header {
	background: url('clientlib-site-revamp/images/bh-popup.webp');
	padding: 40px 90px;
    position: relative;
	background-size: cover;
	margin:0;
}
.newsletterPopup .modal-content .modal-header h3 {
	color: #fff;
    font-family: Avenir;
    font-size: 20px;
    margin: 0;
}
.newsletterPopup .modal-content .modal-body {
	padding: 20px 98px 30px;
	background: #fff;
}
.newsletterPopup i.icon {
	font-family: 'icomoon';
    color: #fff;
    font-style: initial;
	font-size: 20px;
}
.newsletterPopup button {
	background: transparent;
	border: none;
	position: absolute;
    top: 25px;
    right: 30px;
	color: #fff;
    cursor: pointer;
}
.acknowledge-wrapper .icon-rounded i {
	color: #fa6a79;
	font-size: 44px;
}
.acknowledge-wrapper .icon-rounded {
	background: #fff3f5;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
    align-items: center;
    justify-content: center;
}
.topRight-section .emailErrorText {
	font-family: Avenir;
    color: #fa6a79;
    top: 60px;
    font-size: 12px;
    font-weight: 900;
	margin-top: 12px;
}
.acknowledge-wrapper h3 {
	font-size: 16px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: center;
    line-height: 1.38;
    margin: 30px auto;
    font-family: Avenir;
	max-width: 320px;
}
.acknowledge-wrapper p {
	font-family: "Avenir-Roman";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
	color: #afafaf !important;
}
.acknowledge-wrapper {
	padding: 40px 0;
}
@media only screen and (min-width: 992px) {
	.topLeft-section .bh-brand-text{
		display: none;
	}
	.social-icons-mobile {
		display: none;
	}
}
@media only screen and (max-width: 991px) {
	.emailInputWithButton{
		margin-bottom: 10px;
	}
	.newsletterPopup.open {
		top: auto;
		bottom: 0;
		height: auto;
	}
	footer.decor-footer {
		padding: 40px 25px;
		text-align: center;
	}
	.topLeft-section h2 {
		display: none;
	}
	.decor-footer .top-section {
		flex-direction: column-reverse;
	}
	.topRight-section h3 {
		display: none;
	}
	.decor-footer .topLeft-section {
		flex-basis: 100%;
	}
	.decor-footer .topRight-section {
		flex-basis: 100%;
	}
	.emailInputWithButton .emailInput {
		width: 100%;
	}
	.topRight-section .logInTextWithLink {
		margin: 12px 0 16px;
	}
	.topLeft-section .category-list li {
		flex-basis: 100%;
		font-size: 13px;
		padding-bottom: 18px;
	}
	.bh-brand-text p {
		font-size: 16px;
		font-family: Avenir;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 16px;
		color: #fff;
	}
	.bh-copyright-block {
		flex-direction: column-reverse;
		padding-top: 0;
	}
	.bh-copyright-block .bh-copyright-block-links ul li {
		flex-basis: 100%;
	}
	.bh-copyright-block .bh-copyright {
		margin-bottom: 16px;
	}
	.bh-copyright-block .bh-copyright-block-links ul li:not(:first-child) {
		margin-left: 0;
		margin-top: 12px;
	}
	.social-icons-desktop {
		display: none;
	}
	.newsletterPopup .modal-content .modal-header {
		background-image: none;
		padding: 16px 40px 16px 25px;
		background: #fff; 
		margin: 0px 0 40px;
	}
	.newsletterPopup .modal-content .modal-header h3 {
		display: none;
	}
	.newsletterPopup .modal-content .modal-body {
		padding: 0 30px 24px 30px;
	}
	.newsletterPopup button {
		top: 50px;
	}
	.newsletterPopup i.icon-cancel {
		color: #000;
	}
	.modal-popup .modal-body .acknowledge-wrapper .icon-rounded {
		width: 66px;
		height: 66px;
	}
	.acknowledge-wrapper .icon-rounded i {
		font-size: 27px;
	}
	.acknowledge-wrapper h3 {
		margin: 8px 30px;
	}
	.acknowledge-wrapper {
		padding: 20px 0;
	}
	.topRight-section .emailErrorText {
		text-align: left;
	}
}
@font-face {
    font-family: 'Avenir';
    src: url("clientlib-site-revamp/fonts/bh-fonts/Avenir-Medium.eot");
    src: url("clientlib-site-revamp/fonts/bh-fonts/Avenir-Medium.eot#iefix") format("embedded-opentype"), url("clientlib-site-revamp/fonts/bh-fonts/Avenir-Medium.ttf") format("truetype"), url("clientlib-site-revamp/fonts/bh-fonts/Avenir-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IcoMoon-Free';
    src: url('clientlib-site-revamp/fonts/bh-fonts/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
    content: "\e986";
}
.icon-user:before {
    content: "\e971";
}
.icon-cart:before {
    content: "\e93a";
}
body, html{
    padding:0;
    margin:0;
}
.bh-Header{
    /* padding-bottom: 80px; */
    z-index: 1040;
}
.bh-Header header{
    position: fixed !important;
    width:100%;
    background-color: #ffffff !important;
    min-height: 80px;
}
.headerWrap{
    padding:15px 50px;
    position: relative;
    box-shadow: 0 1px 6px 1px rgba(74,74,74,.35);
    -moz-box-shadow: 0 1px 6px 1px rgba(74,74,74,.35);
    -webkit-box-shadow: 0 1px 6px 1px rgba(74,74,74,.35);
    -o-box-shadow: 0 1px 6px 1px rgba(74,74,74,.35);
    -ms-box-shadow: 0 1px 6px 1px rgba(74,74,74,.35);
}
.headerWrap,.headerWrap .headerWrap--navigation--list {
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.headerWrap .headerWrap--navigation{
    font-family: 'Avenir';
    color: #434343;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.headerWrap .headerWrap--navbars{
    display:none;
}
.headerWrap .headerWrap--navigation--list{
    list-style: none;
    margin:0;
    justify-content: center;
    padding:0 35px;
}
.headerWrap .headerWrap--navigation--list li{
    padding:0 25px;
}
.headerWrap .headerWrap--navigation--list li a{
    color: #434343;
    text-decoration: none;
    font-size: 16px;
}
.headerWrap--utility{
    display:flex;
    align-items: center;
}
.headerWrap--utility--icons{
    color:#424b5a;
    text-decoration: none;
    font-size: 20px;
    margin:0 10px;
    cursor: pointer;
}
.headerWrap .bh-header-search{
    position: absolute;
    top:55px;
    right: 10%;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 0px 10px 1px rgba(0,0,0,.1);
    padding:10px 15px;
    display:none;
}
.headerWrap .bh-header-search.showBhSearchText{
    display:block;
    z-index: 1045;
}
.headerWrap .bh-header-search form{
    margin:0;
}
.headerWrap .bh-header-search .icon-search{
    font-size: 14px;
    vertical-align: middle;
    padding:0 5px;
}
.headerWrap .bh-header-search input{
    width:300px;
    border:0;
    font-size: 14px;
    padding: 10px 0;
}
.headerWrap .bh-header-search input:focus{
    outline: none;
    border: 0;
}
.bh-Header .shop-mini-cart-revamp{
    z-index: 1046;
    background-color:#ffffff;
}
.bh-Header .empty-cart-section .linkBtn .ctaText{
    border-bottom: 0;
}
/*style for cp review above spacing */
.cp-reviews-raiting.cp-review-upper-margin {
    margin-top: -75px;
}
/* mobile design styles */
@media screen and (max-width: 992px){
    .bh-Header{
        padding-bottom: 10px;
    }
    .bh-Header header{
        min-height: 70px;
    }
    .headerWrap{
        padding:15px 20px;
    }
    .headerWrap .headerWrap--navbars{
        display: block;
        width: 16px;
        height: 13px;
        position: relative;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .headerWrap .headerWrap--navbars span{
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #434343;
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .headerWrap .headerWrap--navbars span:nth-child(1) {
        top: 0px;
    }
    .headerWrap .headerWrap--navbars span:nth-child(2) {
        top: 5px;
    }
    .headerWrap .headerWrap--navbars span:nth-child(3) {
        top: 10px;
    }
    .headerWrap .headerWrap--logo img{
        width: 75%;
    }
    .headerWrap .headerWrap--navigation{
        display:none;
        position: absolute;
        left:0;
        top: 50px;
        width: 100%;
        height: 100vh;
        background-color: #ffffff;
    }
    .headerWrap .headerWrap--navigation.showNav{
        display:block;
    }
    .headerWrap .headerWrap--navigation--list{
        display: block;
        padding:15px 20px 0;
    }
    .headerWrap .headerWrap--navigation--list li{
        padding:12px 0;
        border-bottom: 1px solid #ececec;
    }
    .headerWrap .headerWrap--navigation--list li:last-child{
        border-bottom: 0;
    }
    .headerWrap .headerWrap--navigation--list li a{
        font-size: 14px;
    }
    .headerWrap--utility--icons{
        margin:0 5px;
    }
    .headerWrap .bh-header-search{
        width:90%;
        left:0;
        right:0;
        top:70px;
        margin: auto;
    }
    .headerWrap .bh-header-search input{
        width:85%;
    }
    .bh-Header .profile-holder .iconLinks__profile{
        display: block !important;
    }
    /*style for cp review above spacing */
    .cp-reviews-raiting.cp-review-upper-margin {
        margin-top: -100px;
    }
}

        .shareCTWrap{
            text-align: center;
        }
        .shareHeading{
            padding: 20px 0 15px;
            font-family:'/etc/designs/asianpaints/clientlib-site-revised/fonts/Abhaya Libre SemiBold.eot';
            font-size:20px;
        }
        .shareIconGridWrap ul{
            width:auto;
            padding:0;
            margin:0;
        }
        .shareIconGridWrap ul,.shareIconGridWrap ul li{
            display:inline-block;
        }
        .shareIconGridWrap ul li{
           list-style: none;
            border-right: solid 1px #cecece;
            padding: 8px 4px;
            vertical-align: top;
            width:60px;
            border-radius: 6px;
            margin:0 2px;
        }
        .shareIconGridWrap ul li a{
            line-height: 12px;
            display:block;
            background-image: url('clientlib-site-revised/images/apSpriteImage.png');
            height: 18px;
            margin: 0 auto;
        }
        .shareIconGridWrap ul .mailIco{
                    border-right: 0;
                }

                .shareIconGridWrap .facebookIco a{
                    background-position: -148px -26px;
                    width: 8px;
                }
                .shareIconGridWrap .facebookIco{
                    background-color: #3b5998;
                }

                .shareIconGridWrap .twitterIco a{
                    background-position: -155px -26px;
                    width: 17px;
                }
                .shareIconGridWrap .twitterIco{
                    background-color: #55acee;
                }

                .shareIconGridWrap .pinteresetIco a{
                    background-position: -172px -28px;
                    width: 18px;
                }
                .shareIconGridWrap .pinteresetIco{
                    background-color: #cb2027;
                }

                .shareIconGridWrap .mailIco a{
                    background-position: -45px -29px;
                    width: 20px;
                }
                .shareIconGridWrap .mailIco{
                    background-color:#1f7ad7;
                }

                .shareIconGridWrap .whatsaapIco{
                    display:none;
                }

                @media only screen and (max-width: 768px) {

                     .shareIconGridWrap .whatsaapIco{

                     display:inline-block;

                     }
                     .shareIconGridWrap .whatsaapIco a{
                         background-position: -172px -92px;
                         width: 17px;
                     }
                     .shareIconGridWrap .whatsaapIco{
                         background-color: green;
                     }
                 }
                @media only screen and (max-width: 768px) {
                        .shareIconGridWrap ul li{
                             list-style: none;
                             border-right: solid 1px #cecece;
                             padding: 8px 4px;
                             vertical-align: top;
                             width:44px;
                             border-radius: 6px;
                             margin:0 2px;
                        }

                }

  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');
body{
    font-family: 'Montserrat';
    font-weight: 700;
}
  .spriteIcon {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/CCspriteImage.webp");display: inline-block;cursor: pointer;}.specialEffect, .sheen, .envFrnd {width: 35px;height: 40px;}.specialEffect {background-position: 496px 244px;}.sheen {background-position: 442px 244px;}.envFrnd {background-position: 388px 244px;}.shareProductIcon, .addTowishlistIcon {width: 30px;height: 30px;background-size: 350px;}.shareProductIcon {background-position: 392px 132px;}.addTowishlistIcon {background-position: 592px 130px;}.selectedProd {background-position: 654px 214px;background-size: 450px;}.collapseTargateIco, .expand, .filterIco, .tickIco, .minusIco, .plusIco, .callIco {width: 16px;height: 17px;background-size: 350px;}.collapseTargateIco {background-position: 200px 300px;}.expand {background-position: 168px 300px;}.filterIco {background-position: 335px 300px;}.tickIco {background-position: 68px 300px;}.minusIco {background-position: 302px 300px;}.plusIco {background-position: 268px 300px;}.callIco {background-position: 135px 300px;}.prevArrow, .nextArrow {width: 35px;height: 35px;}.prevArrow {background-position: 279px 244px;}.nextArrow {background-position: 334px 244px;}.searchSpriteIcon {background-position: -147px 0px;width: 20px;height: 20px;}.cartIcon {background-position: -113px 0px;width: 20px;height: 21px;}.caretUpIcon {background-position: -145px -193px;width: 21px;height: 21px;}.caretDownIcon {background-position: -106px -192px;width: 21px;height: 21px;}.profileIcon {background-position: -79px -1px;width: 20px;height: 20px;}.profileIcon-active {background-position: -314px -193px;width: 20px;height: 20px;}.paintBudgetCalcIcon {background-position: -39px -142px;width: 33px;height: 38px;}.paintSelectorIcon {background-position: -85px -147px;width: 40px;height: 28px;}.buyColorSampleIcon {background-position: -136px -149px;width: 38px;height: 24px;}.buySwatchIcon {background-position: -188px -149px;width: 35px;height: 24px;}.backIcon {background-position: -115px -126px;width: 22px;height: 13px;}.plus {background-position: -242px -125px;width: 12px;height: 12px;}.minus {background-position: -275px -125px;width: 12px;height: 2px;}.paintsTexturesBlue {background-position: -277px -216px;width: 30px;height: 27px;}.wallPaperRollCalcIcon {background-position: -38px -195px;width: 34px;height: 33px;}.howToApplyIcon {background-position: -91px -196px;width: 29px;height: 31px;}.howToApplyIcon-small {background-position: -7px -10px;width: 14px;height: 14px;}.visitStoreIcon {background-position: -137px -195px;width: 35px;height: 32px;}.myAccountMobileBlueIcon {background-position: -321px -257px;width: 29px;height: 30px;}.phoneMobileBlueIcon {background-position: -366px -260px;width: 27px;height: 27px;}.nextIcon {background-position: -148px -126px;width: 22px;height: 13px;}.spriteIcon-Firstfold {background-image: url(../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite-firstFold.webp);display: inline-block;background-repeat: no-repeat;}.spriteIcon-Aprevamp {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-Sprite.webp");display: inline-block;background-repeat: no-repeat;}.healthIconBlue {background-position: -319px -639px;width: 31px;height: 29px;}.healthIconBlack {background-position: -85px -489px;width: 31px;height: 29px;}.findcontractor {background-position: -42px -489px;width: 30px;height: 28px;}.backGrntee {background-position: -1359px -215px;width: 42px;height: 42px;}.yearWarranty {background-position: -1493px -214px;width: 35px;height: 42px;}.stopSolution {background-position: -1429px -214px;width: 35px;height: 42px;}.facebookImg {background-position: -671px -442px;width: 8px;height: 14px;}.twitterImg {background-position: -698px -443px;width: 15px;height: 12px;}.pinterestImg {background-position: -729px -442px;width: 12px;height: 14px;}.instagramImg {background-position: -758px -442px;width: 15px;height: 15px;}.youtubeImg {background-position: -786px -442px;width: 18px;height: 13px;}.flagIndia {background-position: -1041px -485px;width: 24px;height: 24px;}.flagGlobal {background-position: -666px -486px;width: 24px;height: 24px;}.flagBangladesh {background-position: -700px -486px;width: 24px;height: 24px;}.flagEgypt {background-position: -734px -486px;width: 24px;height: 24px;}.flagMiddleEast {background-position: -768px -486px;width: 24px;height: 24px;}.flagSingapore {background-position: -972px -486px;width: 24px;height: 24px;}.rightArrow {background-position: -148px -126px;width: 25px;height: 13px;}.leftArrow {background-position: -115px -126px;width: 22px;height: 13px;}.arrowDown {background-position: -766px -383px;width: 21px;height: 21px;}.arrowUp {background-position: -805px -384px;width: 21px;height: 21px;}.plus {background-position: -242px -125px;width: 12px;height: 12px;}.minus {background-position: -275px -125px;width: 12px;height: 12px;}.closeIcon {background-position: -865px -316px;width: 17px;height: 15px;}.appStore {background-position: -5px -369px;width: 143px;height: 43px;}.playStore {background-position: -166px -369px;width: 143px;height: 43px;}.videoPlayButton {background-position: -1289px -215px;width: 42px;height: 42px;}.favouriteIcon {background-position: -660px -233px;width: 40px;height: 40px;}@media (min-width: 320px) and (max-width: 991px) {.favouriteIcon.color-catalogue-revamp-list--wishList {background-position: -665px -279px;width: 29px;height: 29px;}}.favouriteIcon-selected {background-position: -720px -233px;width: 40px;height: 40px;}.sharepdpIcon {cursor: pointer;background-position: -415px -44px;width: 40px;height: 40px;}.profileIconWhite {background-position: -360px -188px;width: 29px;height: 29px;}.nextIconWhite {background-position: -1104px -388px;width: 22px;height: 13px;}.spriteImgIcon > button {padding-bottom: 32px;}.colorCatalogue {background-position: -273px -419px;height: 36px;width: 37px;}.interiorWallPaints {background-position: -323px -420px;width: 36px;height: 34px;}.exteriorWallPaints {background-position: -372px -420px;width: 37px;height: 35px;}.onlineColorConsultancy {background-position: -273px -472px;width: 37px;height: 31px;}.homePaintingServices {background-position: -324px -469px;width: 33px;height: 37px;}.waterProofing {background-position: -375px -469px;width: 33px;height: 37px;}.wallCoverings, .wallCoveringsBlue {background-position: -275px -522px;width: 31px;height: 31px;}.waterProofingBlue {background-position: -366px -214px;width: 28px;height: 31px;}.servicesBlue {background-position: -410px -213px;width: 28px;height: 32px;}.blogBlue {background-position: -453px -216px;width: 30px;height: 27px;}.shopBlue {background-position: -277px -256px;width: 29px;height: 33px;}.wallStickers {background-position: -323px -524px;width: 36px;height: 26px;}.kidWorld {background-position: -373px -520px;width: 36px;height: 35px;}.selectedArrow {background-position: -491px -182px;width: 35px;height: 35px;}.arrowDownBig {background-position: -668px -382px;width: 24px;height: 24px;}.arrowUpBig {background-position: -708px -382px;width: 24px;height: 24px;}.wishListIcon {background-position: -42px -3px;width: 25px;height: 20px;}.customCheckBox-unchecked {background-position: -669px -313px;width: 23px;height: 23px;}.customCheckBox-checked {background-position: -709px -313px;width: 23px;height: 23px;}.pointerOpen {background-position: -892px -238px;width: 30px;height: 30px;}.pointerClose {background-position: -938px -238px;width: 30px;height: 30px;}.downarrow {background-position: -668px -382px;width: 30px;height: 30px;}.uparrow {background-position: -708px -382px;width: 30px;height: 30px;}.whatsAppIcon {background-position: -520px -295px;width: 30px;height: 30px;}.downloadPDFIcon {background-position: -28px -35px;width: 21px;height: 26px;}.calendarIcon {background-position: -1450px -315px;width: 20px;height: 18px;}.whiteCloseIcon {background-position: -936px -236px;width: 34px;height: 34px;}.enquireTransparentIcon {background-position: -207px -55px;width: 19px;height: 23px;}.prIco, .facebookIco, .wpIco, .twitterIco, .mailIco {width: 34px;height: 32px;}.prIco {background-position: -586px -295px;}.facebookIco {background-position: -481px -295px;}.wpIco {background-position: -520px -295px;}.twitterIco {background-position: -552px -295px;}.mailIco {background-position: -625px -295px;}.infoIcon {background-position: -591px -190px;width: 16px;height: 16px;}.colorPro-Logo {background-position: -1150px -550px;width: 130px;height: 50px;}.successTick {background-position: -617px -186px;width: 26px;height: 26px;background-size: 800px;}.categories {background-position: -281px -323px;width: 22px;height: 21px;}.catalog {background-position: -317px -322px;width: 22px;height: 22px;}.location {background-position: -355px -322px;width: 18px;height: 22px;}.calculatorIcon {background-position: -389px -322px;width: 22px;height: 22px;}.enquireNow {background-position: -1034px -43px;width: 30px;height: 31px;}.magneeto-active {background-position: -1360px -300px;width: 80px;height: 40px;}.magneeto-not-active {background-position: -1450px -300px;width: 80px;height: 40px;}.glow-active {background-position: -1549px -300px;width: 80px;height: 40px;}.glow-not-active {background-position: -1639px -300px;width: 80px;height: 40px;}.draggable-circle {background-position: -652px -120px;width: 76px;height: 76px;}@media (min-width: 320px) and (max-width: 991px) {.magneeto-active {background-position: -1360px -370px;width: 60px;height: 30px;}.magneeto-not-active {background-position: -1428px -370px;width: 60px;height: 30px;}.glow-active {background-position: -1502px -370px;width: 60px;height: 30px;}.glow-not-active {background-position: -1569px -370px;width: 60px;height: 30px;}}.send-sms {background-position: -781px -226px;width: 52px;height: 56px;}.brickIco {background-position: -1570px -214px;width: 62px;height: 46px;}.homeRenovationIco {background-position: -1668px -210px;width: 55px;height: 46px;}.germIco {background-position: -1563px -120px;width: 45px;height: 45px;}.filter-downArrow {background-position: -877px -385px;width: 16px;height: 16px;}.filter-upArrow {background-position: -898px -385px;width: 16px;height: 16px;}.spriteIcon-AprevampPhase3 {background-image: url(../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.webp);display: inline-block;background-repeat: no-repeat;}.callIcon {background-position: -108px -206px;width: 45px;height: 45px;}.locNavIcon {background-position: -63px -206px;width: 45px;height: 45px;}.ctaIco {background-position: -854px -244px;width: 30px;height: 30px;}.instaIcon {background-position: -756px -440px;width: 18px;height: 18px;}.callIco {background-position: -37px -71px;width: 14px;height: 14px;}.directionIco {background-position: -66px -202px;width: 37px;height: 37px;}.shareIco {background-position: -25px -202px;width: 37px;height: 37px;}.locatorIco {background-position: -75px -489px;width: 30px;height: 30px;}.phase3spriteHome {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -301px -32px;width: 42px;height: 40px;}.phase3spriteHands {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -363px -43px;width: 50px;height: 32px;}.phase3spriteChat {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -435px -35px;width: 48px;height: 40px;}.phase3spriteHomePainting {background: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -504px -35px;width: 40px;height: 40px;}.phase3spriteProjectsDone {background: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -105px -150px;width: 28px;height: 26px;}.phase3spriteHappyCustomers {background: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -683px -568px;width: 40px;height: 40px;}.phase3spriteYrsofExpertise {background: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -740px -562px;width: 32px;height: 42px;}.ap-services-wallpainting .moneyBackParent .leftImageRightText .bckGroundGrey, .apService .moneyBackParent .leftImageRightText .bckGroundGrey {background-color: transparent;border-radius: 0;}.spriteIcon-Aprevamp.spriteHome {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -25px -554px;width: 81px;height: 60px;position: absolute;}.spriteIcon-Aprevamp.spriteHands {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");position: absolute;background-position: -114px -561px;width: 68px;height: 44px;}.spriteIcon-Aprevamp.spriteChat {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -207px -556px;width: 64px;height: 53px;position: absolute;}.spriteIcon-Aprevamp.spriteHomePainting {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -296px -553px;width: 60px;height: 59px;position: absolute;}.spriteIcon-Aprevamp.spriteProjectsDone {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -395px -561px;width: 59px;height: 54px;position: absolute;}.spriteIcon-Aprevamp.spriteHappyCustomers {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -483px -563px;width: 49px;height: 49px;}.spriteIcon-Aprevamp.spriteYrsofExpertise {background-image: url("../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/Icons-SpritePhase3.png");background-position: -550px -561px;width: 40px;height: 54px;}.spriteIcon-Aprevamp.favouriteIcon {cursor: pointer;}.flagFiJiIsland {background-position: -836px -486px;width: 24px;height: 24px;}.flagNepal {background-position: -870px -486px;width: 24px;height: 24px;}.flagSrilankaAp {background-position: -904px -486px;width: 24px;height: 24px;}.flagSrilankaCauseWay {background-position: -938px -486px;width: 24px;height: 24px;}.flagIndonesia {background-position: -972px -486px;width: 24px;height: 24px;}.flagEthiopia {background-position: -1006px -486px;width: 24px;height: 24px;}.flagSingapore {background-position: -972px -486px;width: 24px;height: 24px;}.wallpaper-blue {background-position: -423px -418px;width: 34px;height: 33px;}.worker-icon {background-position: -1283px -606px;width: 36px;height: 53px;}.cycle-icon {background-position: -1356px -608px;width: 56px;height: 48px;}.notepad-icon {background-position: -1454px -607px;width: 52px;height: 50px;}.tableLamp-icon {background-position: -1542px -604px;width: 50px;height: 57px;}.warrantyfull-icon {background-position: -1629px -605px;width: 46px;height: 56px;}.pattern-icon {background-position: -1714px -608px;width: 53px;height: 54px;}.warrantyoutline-icon {background-position: -1803px -608px;width: 44px;height: 54px;}.navigation-icon {background-position: -1277px -695px;width: 50px;height: 50px;}.contractor-info-icon {background-position: -1364px -690px;width: 50px;height: 56px;}.contractor-select-icon {background-position: -1460px -690px;width: 50px;height: 56px;}.contractor-icon {background-position: -1546px -690px;width: 50px;height: 56px;}.home-painting-icon {background-position: -1628px -690px;width: 52px;height: 56px;}.medal-icon {background-position: -740px -563px;width: 32px;height: 41px;}.milestone-icon {background-position: -104px -148px;width: 30px;height: 30px;}.addBorderedIcon {background-position: -238px -244px;width: 23px;height: 23px;}.removeBorderedIcon {background-position: -281px -244px;width: 23px;height: 23px;}.editFieldIcons {background-position: -982px -437px;width: 23px;height: 22px;}.confirmEditIcon {background-position: -195px -244px;width: 23px;height: 23px;}.thumb-up-icon, .thumb-down-icon, .thumb-up-filled-icon, .thumb-down-filled-icon {width: 43px;height: 45px;}.thumb-up-icon {background-position: -1777px -211px;}.thumb-down-icon {background-position: -1849px -210px;}.thumb-up-filled-icon {background-position: -1777px -295px;}.thumb-down-filled-icon {background-position: -1849px -295px;}.apHome-desktopIcon {background-position: -1277px -796px;width: 50px;height: 50px;}.apHome-brandQualityIcon {background-position: -1365px -796px;width: 50px;height: 50px;}.apHome-3dIcon {background-position: -1462px -796px;width: 50px;height: 50px;}.apHome-manWithHeadphoneIcon {background-position: -1547px -796px;width: 50px;height: 50px;}.apHome-swastikTypeIcon {background-position: -1630px -796px;width: 50px;height: 50px;}.apHome-callIcon {background-position: -1713px -796px;width: 50px;height: 50px;}.colourIdeaStore-tourIco {background-position: -1127px -229px;width: 45px;height: 45px;}.shipping-N-return {background-position: -271px -837px;width: 25px;height: 26px;}.applicationProcess {background-position: -376px -840px;width: 28px;height: 23px;}.loyaltyReward {background-position: -323px -837px;width: 31px;height: 26px;}.apHome-home {background-position: -48px -71px;width: 11px;height: 11px;}.apHome-home--mobile {background-position: -77px -71px;width: 21px;height: 21px;}.apHome-home--quickLinks {background-position: -422px -516px;width: 34px;height: 37px;}.apHome-home--serviceMenu {background-position: -190px -192px;width: 34px;height: 37px;}.expertJoyPartner {background-position: -3px -444px;width: 212px;min-width: 210px;height: 39px;}.joyPartner {background-position: -241px -444px;width: 154px;min-width: 154px;height: 38px;}.expWallPaint {background-position: -7px -503px;width: 34px;min-width: 34px;height: 30px;}.expWaterproofing {background-position: -59px -504px;width: 31px;min-width: 31px;height: 29px;}.expIntWallText {background-position: -107px -501px;width: 34px;min-width: 34px;height: 32px;}.expWoodFinishes {background-position: -160px -504px;width: 31px;min-width: 31px;height: 32px;}.expExtWallText {background-position: -213px -501px;width: 45px;min-width: 45px;height: 32px;}.expWallpapers {background-position: -288px -502px;width: 31px;min-width: 31px;height: 32px;}.excManualPainting {background-position: -14px -569px;width: 35px;min-width: 35px;height: 34px;}.excFinishBySpray {background-position: -64px -569px;width: 38px;min-width: 38px;height: 35px;}.excFinishBySander {background-position: -122px -569px;width: 35px;min-width: 35px;height: 35px;}.expTVInterior {background-position: -349px -503px;width: 33px;min-width: 33px;height: 31px;}.expTools {background-position: -410px -503px;width: 30px;min-width: 30px;height: 32px;}.expFurniture {background-position: -467px -503px;width: 34px;min-width: 34px;height: 30px;}.paintbucket {background-position: -817px -813px;width: 62px;height: 62px;}.thumbshield {background-position: -898px -813px;width: 62px;height: 62px;}.notes {background-position: -976px -813px;width: 62px;height: 62px;}.twopeople {background-position: -1051px -813px;width: 62px;height: 62px;}.serviceExpandIcon {background-position: -704px -842px;width: 30px;height: 30px;}.successTick-lg {background-position: -537px -186px;width: 30px;height: 30px;background-size: 800px;}.locationTagIcon {background-position: -215px -6px !important;width: 11px;height: 11px;}.wpIconLarge {background-position: -1174px -608px;width: 38px;height: 40px;margin-right: 5px;}
 @charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");html, body {padding: 0;background-color: #fff;color: #3b3b3b;}.commonWrapper {max-width: 1440px;margin: 0 auto;position: relative;}@media (min-width: 576px) and (max-width: 767px) {.commonWrapper {max-width: 600px;margin: auto;}}@media (min-width: 768px) and (max-width: 991px) {.commonWrapper {max-width: 800px;margin: auto;}}.floatNone {float: none !important;width: auto !important;clear: both !important;}.padding45 {padding: 0 4%;}@media (min-width: 320px) and (max-width: 767px) {.padding45 {padding: 14px;}}@media (min-width: 768px) and (max-width: 991px) {.padding45 {padding: 15px;}}.commonDividerLine {border-bottom: 1px solid #E5E5E5;}.greyBGFull {background: linear-gradient(to bottom, transparent 45%, #f8f8f8 0);}*:focus {outline: none !important;box-shadow: none;}ul {padding: 0;margin: 0;}ul li {list-style: none;}img {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/loader.gif");background-repeat: no-repeat;background-position: 50% 50%;color: transparent;}body {font-family: "Montserrat";font-weight: 700;}.padding0 {padding: 0;}.productDetailsPageWrap section, .mainLandingPageWrap section {margin-top: 70px;}@media (min-width: 320px) and (max-width: 767px) {.productDetailsPageWrap section, .mainLandingPageWrap section {margin-top: 40px;}}.rightAlign {text-align: right;}.centerAlign {text-align: center;}.leftAlign {text-align: left;}.centerElement {margin: auto;}.hide {display: none;}.show {display: block;}.modalShadowBG {position: fixed;background-color: #000;opacity: 0.8;height: 100%;width: 100%;top: 0;left: 0;z-index: 1050;}.spriteIcon {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/CCspriteImage.webp");display: block;}.purpleColorText h1, .purpleColorText h2, .purpleColorText h3, .purpleColorText h4, .purpleColorText h5, .purpleColorText h6, .purpleColorText p, .purpleColorText span, .purpleColorText a, .purpleColorText ul li {color: #512b8b;}.whiteColorText h1, .whiteColorText h2, .whiteColorText h3, .whiteColorText h4, .whiteColorText h5, .whiteColorText h6, .whiteColorText p, .whiteColorText span, .whiteColorText a, .whiteColorText ul li {color: #fff;}.blackColorText h1, .blackColorText h2, .blackColorText h3, .blackColorText h4, .blackColorText h5, .blackColorText h6, .blackColorText p, .blackColorText span, .blackColorText a, .blackColorText ul li {color: #3b3b3b;}.boldFont h1, .boldFont h2, .boldFont h3, .boldFont h4, .boldFont h5, .boldFont h6, .boldFont p, .boldFont span, .boldFont a, .boldFont ul li {font-weight: 700;}.semi-boldFont h1, .semi-boldFont h2, .semi-boldFont h3, .semi-boldFont h4, .semi-boldFont h5, .semi-boldFont h6, .semi-boldFont p, .semi-boldFont span, .semi-boldFont a, .semi-boldFont ul li {font-weight: 600;}.mediumFont h1, .mediumFont h2, .mediumFont h3, .mediumFont h4, .mediumFont h5, .mediumFont h6, .mediumFont p, .mediumFont span, .mediumFont a, .mediumFont ul li {font-weight: 500;}.regularFont h1, .regularFont h2, .regularFont h3, .regularFont h4, .regularFont h5, .regularFont h6, .regularFont p, .regularFont span, .regularFont a, .regularFont ul li {font-weight: 400;}.lightFont h1, .lightFont h2, .lightFont h3, .lightFont h4, .lightFont h5, .lightFont h6, .lightFont p, .lightFont span, .lightFont a, .lightFont ul li {font-weight: normal;}.extra-lightFont h1, .extra-lightFont h2, .extra-lightFont h3, .extra-lightFont h4, .extra-lightFont h5, .extra-lightFont h6, .extra-lightFont p, .extra-lightFont span, .extra-lightFont a, .extra-lightFont ul li {font-weight: 200;}.whiteColorText h1 {letter-spacing: 1px;}@media (min-width: 992px) {.whiteColorText h1 {letter-spacing: 4px;}}p {width: auto;}h1 {font-weight: 700;letter-spacing: normal;font-size: 40px;line-height: 40px;}@media (min-width: 992px) {h1 {font-size: 60px;line-height: 60px;}}h2 {font-weight: 700;font-size: 30px;font-weight: bold;line-height: normal;letter-spacing: 0.5px;}@media (min-width: 320px) and (max-width: 767px) {h2 {font-size: 20px;}}h3 {font-weight: 500;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: normal;}@media (min-width: 320px) and (max-width: 767px) {h3 {font-size: 12px;}}h4, h5, h6 {font-weight: 500;font-size: 12px;font-weight: 500;line-height: normal;letter-spacing: normal;}.h1blackleft {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #000;}@media (min-width: 320px) and (max-width: 767px) {.h1blackleft {font-size: 20px;font-weight: 600;}}.h1purplecenter {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.5px;text-align: center;color: #512b8b;}@media (min-width: 320px) and (max-width: 767px) {.h1purplecenter {font-size: 14px;}}.h1purpleleft {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.37;letter-spacing: 0.5px;color: #512b8b;}.h2purplecenter {font-weight: 700;font-size: 20px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.5px;color: #512b8b;}@media (min-width: 320px) and (max-width: 767px) {.h2purplecenter {font-size: 14px;}}.product-title {font-weight: 600;font-size: 16px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}@media (min-width: 320px) and (max-width: 767px) {.product-title {font-size: 12px;}}.swatch-name-top-PDP {font-weight: 700;font-size: 14px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h3grey {font-weight: 500;font-size: 14px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h3purple {font-weight: 500;font-size: 14px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #512b8b;}.swatch-name-top {font-weight: 700;font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h4medium {font-weight: 500;font-size: 12px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h4regular {font-weight: 400;font-size: 12px;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #000000;}.swatch-code {font-weight: 400;font-size: 12px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}p {font-weight: normal;font-size: 14px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #3b3b3b;}.p-separated-type p {font-size: 24px;font-weight: normal;text-transform: capitalize;line-height: 35px;}@media (min-width: 320px) and (max-width: 767px) {.p-separated-type p {font-size: 14px;}}.centerText {text-align: center;font-weight: 500;}.mediumSpace {margin-bottom: 120px;}.baseCTSpace {margin-bottom: 70px;}@media (min-width: 320px) and (max-width: 767px) {.baseCTSpace {margin-bottom: 30px;}}input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}.exploreButton {background: #fff;width: 269px;border: 1px solid #fff;border-radius: 3px;color: #512b8b;size: 12px;letter-spacing: 0.86px;line-height: 45px;text-transform: uppercase;}.exploreButton:hover {font-weight: bold;background: #512b8b;color: #fff;border: 1px solid #512b8b;}@media (min-width: 320px) and (max-width: 767px) {.exploreButton {font-size: 10px;line-height: 20px;width: 74%;padding: 7px 0;letter-spacing: 0.71px;margin-top: 14px;}}button.exploreButton {font-size: 12px;}@media (min-width: 320px) and (max-width: 767px) {button.exploreButton {font-size: 10px;}}.exploreLink {color: #512b8b;display: block;font-size: 12px;letter-spacing: 0.86px;font-weight: 500;text-transform: uppercase;text-decoration: underline;margin-top: 24px;}.exploreLink:hover {text-decoration: none;font-weight: bold;color: #512b8b;}@media (min-width: 320px) and (max-width: 767px) {.exploreLink {display: none;}}.lighttextHeading h1, .lighttextHeading h2, .lighttextHeading h3, .lighttextHeading h4, .lighttextHeading h5, .lighttextHeading h6, .lighttextHeading p, .lighttextHeading span, .lighttextHeading a, .lighttextHeading ul li {font-weight: 200;}.slick-slide {height: auto;}.slick-slide:focus {outline: none;border: none;box-shadow: none;}.slick-slide a:hover {text-decoration: none;}.slick-slider .slick-prev, .slick-slider .slick-next {width: 35px;height: 35px;}.slick-slider .slick-prev::before, .slick-slider .slick-next::before {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/CCspriteImage.webp");display: block;width: 35px;height: 35px;opacity: 1;color: transparent;}.slick-slider .slick-prev {left: -38px;}@media (min-width: 992px) and (max-width: 1024px) {.slick-slider .slick-prev {left: -25px;}}.slick-slider .slick-prev::before {background-position: 279px 244px;}.slick-slider .slick-next {right: -38px;}@media (min-width: 992px) and (max-width: 1024px) {.slick-slider .slick-next {right: -30px;}}.slick-slider .slick-next::before {background-position: 334px 244px;}.slick-slider .slick-prev.slick-disabled:before, .slick-slider .slick-next.slick-disabled:before {opacity: 0.25;cursor: default;}.slick-slider .slick-track a {text-decoration: none;}@media (min-width: 320px) and (max-width: 767px) {.productOtherCombinations .slick-slider, .colorGoesWellWrap .slick-slider, .sinceYouLikedWrap .slick-slider {width: 100%;}}@media (min-width: 768px) and (max-width: 991px) {.productOtherCombinations .slick-slider, .colorGoesWellWrap .slick-slider, .sinceYouLikedWrap .slick-slider {width: 100%;}}a[href="javascript:void(0)"] {text-decoration: none;cursor: default !important;}a[href="javascript:void(0)"] * {cursor: default !important;}html, body {padding: 0;color: #3b3b3b;}*:focus {outline: none;box-shadow: none;}ul {padding: 0;margin: 0;}ul li {list-style: none;}img {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/loader.gif");background-repeat: no-repeat;background-position: 50% 50%;color: transparent;}.padding0 {padding: 0;}.productDetailsPageWrap section, .mainLandingPageWrap section {margin-top: 70px;}@media (min-width: 320px) and (max-width: 767px) {.productDetailsPageWrap section, .mainLandingPageWrap section {margin-top: 40px;}}.rightAlign {text-align: right;}.centerAlign {text-align: center;}.leftElement {float: left;}.rightElement {float: right;}.centerElement {margin: auto;}.headingText {font-weight: 700;font-size: 60px;}.subheadingText {font-weight: 700;font-size: 30px;}.p1BodyCopy {font-size: 13px;font-weight: 300;}.p2BodyCopy {font-weight: 500;font-size: 12px;}.h1blackleft {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #000000;}@media (min-width: 320px) and (max-width: 767px) {.h1blackleft {font-size: 20px;font-weight: 600;}}.h1purplecenter {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.5px;text-align: center;color: #431A80;}@media (min-width: 320px) and (max-width: 767px) {.h1purplecenter {font-size: 14px;}}.h1purpleleft {font-weight: 700;font-size: 30px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.37;letter-spacing: 0.5px;color: #431A80;}.h2purplecenter {font-weight: 700;font-size: 20px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.5px;color: #431A80;}@media (min-width: 320px) and (max-width: 767px) {.h2purplecenter {font-size: 14px;}}.product-title {font-weight: 600;font-size: 16px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}@media (min-width: 320px) and (max-width: 767px) {.product-title {font-size: 12px;}}.swatch-name-top-PDP {font-weight: 700;font-size: 14px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.swatch-name-top {font-weight: 700;font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h4medium {font-weight: 500;font-size: 12px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}.h4regular {font-weight: 400;font-size: 12px;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #000000;}.swatch-code {font-weight: 400;font-size: 12px;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #3b3b3b;}input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}.exploreButton {text-align: center;background: #ffffff;width: 269px;border: 1px solid #ffffff;border-radius: 3px;color: #431A80;size: 12px;letter-spacing: 0.86px;line-height: 45px;text-transform: uppercase;}.exploreButton:hover {font-weight: bold;background: #431A80;color: #ffffff;border: 1px solid #431A80;}@media (min-width: 320px) and (max-width: 767px) {.exploreButton {font-size: 10px;line-height: 20px;width: 74%;padding: 7px 0;letter-spacing: 0.71px;margin-top: 14px;}}button.exploreButton {font-size: 12px;}@media (min-width: 320px) and (max-width: 767px) {button.exploreButton {font-size: 10px;}}.exploreLink {color: #431A80;display: block;font-size: 12px;letter-spacing: 0.86px;font-weight: 500;text-transform: uppercase;text-decoration: underline;margin-top: 24px;}.exploreLink:hover {text-decoration: none;font-weight: bold;color: #431A80;}@media (min-width: 320px) and (max-width: 767px) {.exploreLink {display: none;}}.slick-slide {height: auto;}.slick-slide:focus {outline: none;border: none;box-shadow: none;}.slick-slide a:hover {text-decoration: none;}.slick-slider .slick-prev, .slick-slider .slick-next {width: 35px;height: 35px;}.slick-slider .slick-prev::before, .slick-slider .slick-next::before {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/CCspriteImage.webp");display: block;width: 35px;height: 35px;opacity: 1;color: transparent;}.slick-slider .slick-prev {left: -38px;}@media (min-width: 992px) and (max-width: 1024px) {.slick-slider .slick-prev {left: -25px;}}.slick-slider .slick-prev::before {background-position: 279px 244px;}.slick-slider .slick-next {right: -38px;}@media (min-width: 992px) and (max-width: 1024px) {.slick-slider .slick-next {right: -30px;}}.slick-slider .slick-next::before {background-position: 334px 244px;}.slick-slider .slick-prev.slick-disabled:before, .slick-slider .slick-next.slick-disabled:before {opacity: 0.25;cursor: default;}@media (min-width: 320px) and (max-width: 767px) {.productOtherCombinations .slick-slider, .colorGoesWellWrap .slick-slider, .sinceYouLikedWrap .slick-slider {width: 105%;}}@media (min-width: 768px) and (max-width: 991px) {.productOtherCombinations .slick-slider, .colorGoesWellWrap .slick-slider, .sinceYouLikedWrap .slick-slider {width: 105%;}}.modal-open {overflow: hidden !important;}.full-width {width: 100%;}.mobile-icon {display: none !important;}@media (min-width: 320px) and (max-width: 991px) {.mobile-icon {display: block !important;}}.textCompWrap form {margin: 0;}.textCompWrap .textInputWrap {position: relative;border: 1px solid #431A80;padding: 16px 20px;}@media (min-width: 320px) and (max-width: 767px) {.textCompWrap .textInputWrap {padding: 5px 20px;}}.textCompWrap .textInputWrap .commonTextComp {width: 82%;border: none;color: #431A80;padding-right: 80px;font-size: 13px;font-weight: 400;line-height: 22px;}@media (min-width: 320px) and (max-width: 767px) {.textCompWrap .textInputWrap .commonTextComp {font-size: 12px;}}.textCompWrap .textInputWrap .commonTextComp:focus {outline: none;}.textCompWrap .textInputWrap .commonTextComp::-webkit-input-placeholder {color: #431A80;font-weight: 300;}.textCompWrap .textInputWrap .commonTextComp:-ms-input-placeholder {color: #431A80;font-weight: 300;}.textCompWrap .textInputWrap .commonTextComp::placeholder {color: #431A80;font-weight: 300;}.textCompWrap .textInputWrap {display: inline-block;}.textCompWrap .linkButton {text-align: center;position: absolute;right: 12px;top: 26%;font-size: 12px;background: none;border: 0;color: #431A80;text-decoration: underline;text-transform: uppercase;cursor: pointer;}.textCompWrap .linkButton:focus {outline: none;}.textCompWrap .spriteICOCT {margin-right: 10px;font-size: 12px;}.textCompWrap.textLinks a.textCompLink {border-bottom: 2px solid #8838FF;text-decoration: none;padding-bottom: 3px;}.textCompWrap.textLinks a.textCompLink:hover {color: #431A80;border-bottom: 3px solid #431A80;}.textCompWrap.textLinks a.textCompLink[disabled] {color: #CDCDCD;border-bottom: 3px solid #CDCDCD;}.ctaComp .ctaText {line-height: 16px;padding: 16px 20px;width: 100%;width: 270px;border-radius: 2px;font-size: 13px;letter-spacing: 0.86px;cursor: pointer;text-align: center;}@media (min-width: 320px) and (max-width: 767px) {.ctaComp .ctaText {padding: 9px 20px;width: 150px;}}@media (min-width: 320px) and (max-width: 991px) {.ctaComp .ctaText {width: 100%;font-size: 12px;}}.ctaComp a.ctaText {display: inline-block;}.ctaComp a.ctaText:hover {text-decoration: none;}.ctaComp button:hover {box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-ms-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-o-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.ctaComp button:focus {outline: none;}.ctaComp.baseBtn .ctaText {background: #431A80;border: 1px solid #431A80;color: #ffffff;}.ctaComp.baseBtn .ctaText:hover, .ctaComp.baseBtn .ctaText:active {color: #ffffff;background: #5E25B2;}.ctaComp.baseBtn.inactive .ctaText {background: #DEDEDE;color: #ffffff;border: #DEDEDE;pointer-events: none;}.ctaComp.whiteBtn .ctaText {background: transparent;border: 1px solid #431A80;color: #431A80;}.ctaComp.whiteBtn .ctaText:hover, .ctaComp.whiteBtn .ctaText:active {color: #ffffff;background: #5E25B2;}.ctaComp.whiteBtn.inactive .ctaText {background: #ffffff;color: #DEDEDE;border: #DEDEDE;pointer-events: none;}.ctaComp.transparentBtn .ctaText {border: 1px solid #fff;background-color: transparent;color: #fff;}.ctaComp.transparentBlueBerryBtn .ctaText {border: 1px solid #431A80;background-color: transparent;color: #431A80;}.ctaComp.linkBtn .ctaText {background: transparent;border: 0;border-bottom: 2px solid #5E25B2;width: auto;display: inline;padding: 0;line-height: 12px;letter-spacing: 1px;text-transform: capitalize;text-decoration: none;padding-bottom: 2px;}.ctaComp.linkBtn .ctaText:hover, .ctaComp.linkBtn .ctaText:active {background: transparent;box-shadow: none;font-weight: bold;border-bottom: 2px solid #431a80;}.ctaComp.linkBtn.inactive .ctaText {background: transparent;box-shadow: none;font-weight: bold;color: #DEDEDE;border-bottom: 2px solid #DEDEDE;pointer-events: none;}.ctaComp.underlinedBtn .ctaText {text-decoration: underline;}.ctaComp.primary-cta .ctaText:hover {background-color: #5E25B2;color: #ffffff;}.ctaComp.primary-cta .ctaText[disabled] {background-color: #DEDEDE;color: #ffffff;}.ctaComp.secondary-cta .ctaText:hover {background-color: #5E25B2;color: #ffffff;}.ctaComp.secondary-cta .ctaText[disabled] {background-color: #ffffff;border: 2px solid #DEDEDE;color: #DEDEDE;}.ctaComp.input-with-cta {display: flex;}.ctaComp.input-with-cta input {border: solid 1px #222222;border-radius: 2px;height: 50px;letter-spacing: normal;padding-left: 20px;line-height: 2;flex: 1;}.ctaComp.input-with-cta .ctaText {width: auto;height: 50px;border-radius: 2px;padding: 18px;}.ctaComp.btn-disabled .ctaText, .ctaComp.btn-disabled a, .ctaComp.btn-disabled button {opacity: 0.6;pointer-events: none;cursor: not-allowed;border: 1px solid #431a80;font-size: 12px;font-weight: 500;color: #431a80;letter-spacing: 0.92px;opacity: 0.3;background-color: transparent;}.iconTextLinks {font-size: 12px;}.iconsWithText__wrap a, .iconsWithText__wrap button {display: flex;align-items: center;justify-content: center;}.iconsWithText__left {margin: 0 6px 0 0;}.iconsWithText__right {margin: 0 0 0 6px;}.locationTagIcon {background-position: -215px -6px;width: 11px;height: 11px;}.spriteIcon {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/CCspriteImage.webp");display: inline-block;cursor: pointer;}.specialEffect, .sheen, .envFrnd {width: 35px;height: 40px;}.specialEffect {background-position: 496px 244px;}.sheen {background-position: 442px 244px;}.envFrnd {background-position: 388px 244px;}.prIco, .facebookIco, .wpIco, .twitterIco, .mailIco {width: 20px;height: 20px;}.prIco {background-position: 38px 235px;}.facebookIco {background-position: 162px 235px;}.wpIco {background-position: 132px 235px;}.twitterIco {background-position: 102px 235px;}.mailIco {background-position: 72px 235px;}.shareProductIcon, .addTowishlistIcon {width: 30px;height: 30px;background-size: 350px;}.shareProductIcon {background-position: 392px 132px;}.addTowishlistIcon {background-position: 592px 130px;}.selectedProd {background-position: 654px 214px;background-size: 450px;}.collapseTargateIco, .expand, .filterIco, .tickIco, .minusIco, .plusIco, .callIco {width: 16px;height: 17px;background-size: 350px;}.collapseTargateIco {background-position: 200px 300px;}.expand {background-position: 168px 300px;}.filterIco {background-position: 335px 300px;}.tickIco {background-position: 68px 300px;}.minusIco {background-position: 302px 300px;}.plusIco {background-position: 268px 300px;}.callIco {background-position: 135px 300px;}.prevArrow, .nextArrow {width: 35px;height: 35px;}.prevArrow {background-position: 279px 244px;}.nextArrow {background-position: 334px 244px;}.searchSpriteIcon {background-position: -147px 0px;width: 20px;height: 20px;}.cartIcon {background-position: -111px -39px;width: 20px;height: 21px;}.caretUpIcon {background-position: -805px -384px;width: 21px;height: 21px;}.caretDownIcon {background-position: -766px -383px;width: 21px;height: 21px;}.profileIcon {background-position: -77px -40px;width: 20px;height: 20px;}.profileIcon-active {background-position: -974px -384px;background-position: -314px -193px;width: 20px;height: 20px;}.paintBudgetCalcIcon {background-position: -39px -142px;width: 33px;height: 38px;}.paintSelectorIcon {background-position: -85px -147px;width: 40px;height: 28px;}.buyColorSampleIcon {background-position: -136px -149px;width: 38px;height: 24px;}.buySwatchIcon {background-position: -188px -149px;width: 35px;height: 24px;}.backIcon {background-position: -115px -126px;width: 22px;height: 13px;}.plus {background-position: -242px -125px;width: 12px;height: 12px;}.minus {background-position: -275px -125px;width: 12px;height: 2px;}.paintsTexturesBlue {background-position: -277px -216px;width: 30px;height: 27px;}.wallPaperRollCalcIcon {background-position: -38px -195px;width: 34px;height: 33px;}.howToApplyIcon {background-position: -90px -195px;width: 32px;height: 32px;}.howToApplyIcon-small {background-position: -7px -10px;width: 14px;height: 14px;}.visitStoreIcon {background-position: -137px -195px;width: 35px;height: 32px;}.myAccountMobileBlueIcon {background-position: -321px -257px;width: 29px;height: 30px;}.phoneMobileBlueIcon {background-position: -366px -260px;width: 27px;height: 27px;}.nextIcon {background-position: -809px -317px;width: 22px;height: 13px;}.spriteIcon-Aprevamp {background-image: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/images/Icons-Sprite.webp");display: inline-block;background-repeat: no-repeat;}.orderReceiveIco {background-position: -272px -697px;width: 28px;height: 29px;}.orderPickUpIco {background-position: -272px -753px;width: 30px;height: 19px;}.orderInTransitIco {background-position: -322px -751px;width: 30px;height: 21px;}.orderAtDeliverCentreIco {background-position: -373px -745px;width: 30px;height: 28px;}.orderOutForDeliveryIco {background-position: -274px -793px;width: 26px;height: 30px;}.orderDeliveredIco {background-position: -322px -799px;width: 30px;height: 23px;}.healthIconBlue {background-position: -319px -639px;width: 31px;height: 29px;}.healthIconBlack {background-position: -85px -489px;width: 31px;height: 29px;}.findcontractor {background-position: -42px -489px;width: 30px;height: 28px;}.backGrntee {background-position: -1359px -215px;width: 42px;height: 42px;}.yearWarranty {background-position: -1493px -214px;width: 35px;height: 42px;}.stopSolution {background-position: -1429px -214px;width: 35px;height: 42px;}.facebookImg {background-position: -671px -442px;width: 8px;height: 14px;}.twitterImg {background-position: -698px -443px;width: 15px;height: 12px;}.pinterestImg {background-position: -729px -442px;width: 12px;height: 14px;}.instagramImg {background-position: -758px -442px;width: 15px;height: 15px;}.youtubeImg {background-position: -786px -442px;width: 18px;height: 13px;}.flagIndia {background-position: -1041px -485px;width: 24px;height: 24px;}.flagGlobal {background-position: -666px -486px;width: 24px;height: 24px;}.flagBangladesh {background-position: -700px -486px;width: 24px;height: 24px;}.flagEgypt {background-position: -734px -486px;width: 24px;height: 24px;}.flagMiddleEast {background-position: -768px -486px;width: 24px;height: 24px;}.flagSingapore {background-position: -972px -486px;width: 24px;height: 24px;}.rightArrow {background-position: -148px -126px;width: 25px;height: 13px;}.leftArrow {background-position: -115px -126px;width: 22px;height: 13px;}.arrowDown {background-position: -766px -383px;width: 21px;height: 21px;}.arrowUp {background-position: -805px -384px;width: 21px;height: 21px;}.plus {background-position: -242px -125px;width: 12px;height: 12px;}.minus {background-position: -275px -125px;width: 12px;height: 12px;}.appStore {background-position: -665px -560px;width: 143px;height: 43px;}.playStore {background-position: -826px -560px;width: 143px;height: 43px;}.videoPlayButton {background-position: -1289px -215px;width: 42px;height: 42px;}.favouriteIcon {background-position: -660px -233px;width: 40px;height: 40px;}.favouriteIcon:active {background-position: -720px -233px;width: 40px;height: 40px;}.sharepdpIcon {background-position: -415px -44px;width: 40px;height: 40px;cursor: pointer;}.profileIconWhite {background-position: -360px -188px;width: 29px;height: 29px;}.nextIconWhite {background-position: -1104px -388px;width: 22px;height: 13px;}.spriteImgIcon > button {padding-bottom: 32px;}.colorCatalogue {background-position: -273px -419px;height: 36px;width: 37px;}.interiorWallPaints {background-position: -323px -420px;width: 36px;height: 34px;}.exteriorWallPaints {background-position: -372px -420px;width: 37px;height: 35px;}.onlineColorConsultancy {background-position: -273px -472px;width: 37px;height: 31px;}.homePaintingServices {background-position: -324px -469px;width: 33px;height: 37px;}.waterProofing {background-position: -375px -469px;width: 33px;height: 37px;}.wallCoverings, .wallCoveringsBlue {background-position: -275px -522px;width: 31px;height: 31px;}.waterProofingBlue {background-position: -366px -214px;width: 28px;height: 31px;}.servicesBlue {background-position: -410px -213px;width: 28px;height: 32px;}.blogBlue {background-position: -453px -216px;width: 30px;height: 27px;}.shopBlue {background-position: -277px -256px;width: 29px;height: 33px;}.wallStickers {background-position: -323px -524px;width: 36px;height: 26px;}.kidWorld {background-position: -373px -520px;width: 36px;height: 35px;}.selectedArrow {background-position: -491px -182px;width: 35px;height: 35px;}.arrowDownBig {background-position: -668px -382px;width: 24px;height: 24px;}.arrowUpBig {background-position: -708px -382px;width: 24px;height: 24px;}.wishListIcon {background-position: -40px -42px;width: 25px;height: 20px;}.spriteIcon-Aprevamp.favouriteIcon {cursor: pointer;}.flagFiJiIsland {background-position: -836px -486px;width: 24px;height: 24px;}.flagNepal {background-position: -870px -486px;width: 24px;height: 24px;}.flagSrilankaAp {background-position: -904px -486px;width: 24px;height: 24px;}.flagSrilankaCauseWay {background-position: -938px -486px;width: 24px;height: 24px;}.flagIndonesia {background-position: -972px -486px;width: 24px;height: 24px;}.flagEthiopia {background-position: -1006px -486px;width: 24px;height: 24px;}.flagSingapore {background-position: -972px -486px;width: 24px;height: 24px;}.wallpaper-blue {background-position: -423px -418px;width: 34px;height: 33px;}.apHome-home {background-position: -48px -71px;width: 11px;height: 11px;}.apHome-home--mobile {background-position: -77px -71px;width: 21px;height: 21px;}.apHome-home--quickLinks {background-position: -422px -516px;width: 34px;height: 37px;}.apHome-home--serviceMenu {background-position: -190px -192px;width: 34px;height: 37px;}.locationTagIcon {background-position: -214px -45px;width: 11px;height: 11px;}@font-face {font-family: apFontBold;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-Bold.otf");}@font-face {font-family: apFontSemiBold;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-SemiBold.otf");}@font-face {font-family: apFontMedium;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-Medium.otf");}@font-face {font-family: apFontRegular;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-Regular.otf");}@font-face {font-family: apFontLight;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-Light.otf");}@font-face {font-family: apFontExtraLight;font-display: swap;src: url("../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-apheaderfooter/resources/fonts/montserrat/Montserrat-ExtraLight.otf");}@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");body {font-family: "Montserrat";font-weight: 700;}.header {position: sticky;position: -webkit-sticky;width: 100%;top: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 1040;box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.2);font-weight: 400;}.header__top-utility {background: #ffffff;}.header__top-utility .headerDropdown__list-wrap {margin: 0 auto;width: 95%;opacity: 0;animation: slide-up 0.3s ease-out;-moz-animation: slide-up 0.3s ease-out;-ms-animation: slide-up 0.3s ease-out;}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility .headerDropdown__list-wrap {width: 90%;}}.header__top-utility .headerDropdown__list-wrap.active {opacity: 1;width: 95%;display: block;animation: slide-down 0.3s ease-out;-moz-animation: slide-down 0.3s ease-out;-ms-animation: slide-down 0.3s ease-out;}@-webkit-keyframes slide-down {0% {opacity: 0;-webkit-transform: translateY(-100%);}100% {opacity: 1;-webkit-transform: translateY(0);}}@-moz-keyframes slide-down {0% {opacity: 0;-moz-transform: translateY(-100%);}100% {opacity: 1;-moz-transform: translateY(0);}}@-webkit-keyframes slide-up {0% {opacity: 0;-webkit-transform: translateY(0);}100% {opacity: 1;-webkit-transform: translateY(-100%);}}@-moz-keyframes slide-up {0% {opacity: 0;-moz-transform: translateY(0);}100% {opacity: 1;-moz-transform: translateY(-100%);}}.header__top-utility-links {display: flex;justify-content: space-between;align-items: center;width: 100%;margin: 0 auto;}@media (min-width: 992px) {.header__top-utility-links {padding: 4px 0;}}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility-links {margin: 0;width: 100%;}}.header__top-utility-links--right {display: flex;flex-direction: row;justify-content: flex-start;width: 35%;padding: 0 40px;}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility-links--right {width: auto;padding: 0;}}.header__top-utility-links--right a {font-size: 12px;color: #222222;margin: 0 15px;font-family: apFontRegular;}.header__top-utility-links--right a:hover {text-decoration: none;}.header__top-utility-links--right.find_contractor {width: 60%;}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility-links--right.find_contractor {width: auto;padding: 0;}}.header__top-utility-links--right.find_contractor .howToApplyIcon-small {vertical-align: -2px;}.header__top-utility-links--right.find_contractor .howToApplyIcon {background-position: -30px -64px;width: 15px;height: 16px;background-size: 700px;vertical-align: -2px;}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility-links--right .callUsmobile {background: #ffffff;margin: 0;padding: 2px 15px;}.header__top-utility-links--right .callUsmobile .callIcon {transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);vertical-align: -10px;width: 33px;height: 30px;filter: brightness(0%);}}.header__top-utility-links--storeLinks {font-size: 12px;padding-right: 15px;}@media (min-width: 992px) {.header__top-utility-links--storeLinks {display: flex;padding: 0 40px; align-items: center; font-family: apFontRegular;}}.header__top-utility-links--storeLinks p {margin-bottom: 0;}@media (min-width: 992px) {.header__top-utility-links--storeLinks p {display: inline-block;font-size: 12px;padding-right: 15px;color: #431A80;font-weight: 600;cursor: pointer;}.header__top-utility-links--storeLinks p:hover {text-decoration: underline;}.header__top-utility-links--storeLinks p .editFieldIcons {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);vertical-align: -4px;height: 20px;margin-left: -8px;}}.header__top-utility-links--storeLinks .storeDirectLink {color: #222222;font-weight: 600;}@media (min-width: 992px) {.header__top-utility-links--storeLinks .storeDirectLink {text-decoration: underline;}}@media (min-width: 320px) and (max-width: 991px) {.header__top-utility-links--storeLinks .locationTagIcon {margin: 0 6px 0 5px;filter: brightness(0%);transform: scale(1.2);}}.header__top-utility-links-container {background: #f8f8f8;}.header__content-container {padding: 0;}@media (min-width: 320px) and (max-width: 991px) {.header__content-container {padding: 0;}}.header__content-container .textCompWrap .textInputWrap {padding: 8px;width: 100%;border-color: #222222;border-radius: 2px;display: flex;}.header__content-container .textCompWrap .textInputWrap .commonTextComp {width: 96%;padding-right: 0;color: #3b3b3b;}.header__content-container .textCompWrap .textInputWrap .commonTextComp::-webkit-input-placeholder {color: #222222;text-transform: uppercase;}.header__content-container .textCompWrap .textInputWrap .commonTextComp:-ms-input-placeholder {color: #222222;text-transform: uppercase;}.header__content-container .textCompWrap .textInputWrap .commonTextComp::placeholder {color: #222222;text-transform: uppercase;opacity: 1;}@media (min-width: 992px) {.header__content-container .textCompWrap .textInputWrap .commonTextComp::placeholder {opacity: 0;}}.header__content-container .textCompWrap .textInputWrap .searchSpriteIcon {vertical-align: sub;}.header__main-container {display: flex;align-items: center;padding-bottom: 8px;flex-wrap: wrap;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container {padding: 0;}}.header__main-container--logo{flex-basis:25%}@media (min-width:1200px) and (max-width:1280px){.header__main-container--logo{flex-basis:19%}}@media (min-width:1280px) and (max-width:1366px){.header__main-container--logo{flex-basis:22%}}.header__main-container--utility{flex-basis:20%}@media (min-width:1200px) and (max-width:1366px){.header__main-container--utility{flex-basis:18%}}.header__main-container--logo {padding-left: 40px;padding-top: 18px;cursor: default;pointer-events: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--logo {padding: 0;pointer-events: auto;}}.header__main-container--logo img {max-width: 66%;height: auto;cursor: pointer;pointer-events: auto;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--logo img {max-width: 100%;}}.header__main-container--search{flex-basis:50%}@media (min-width:992px){.header__main-container--search{flex-basis:750px;flex-shrink:0}}.header__main-container--search button {border: none;background: none;cursor: pointer;}.header__main-container--utility {display: flex;justify-content: flex-end;padding-left: 40px;padding-right: 40px;}@media (min-width:1200px) and (max-width:1280px){.header__main-container--utility{padding-left:20px}}.header__main-container--navigation {flex-basis: 100%;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--logo {flex-basis: 20%;order: 2;}.header__main-container--search {flex-basis: 100%;order: 4;opacity: 1;display: block;}.header__main-container--search .textInputWrap {border-color: #d3d3d3;}.header__main-container--navigation {flex-basis: 10%;order: 1;}.header__main-container--utility {flex-basis: 70%;order: 3;padding: 0;}}@media (min-width: 320px) and (max-width: 575px) {.header__main-container--logo {flex-basis: 35%;order: 2;}.header__main-container--search {flex-basis: 100%;order: 4;opacity: 1;display: block;}.header__main-container--search .textInputWrap {border-color: #d3d3d3;}.header__main-container--navigation {flex-basis: 10%;order: 1;}.header__main-container--utility {flex-basis: 50%;order: 3;padding: 0;}}.header__mobile-container--search .textInputWrap .commonTextComp {width: 98%;}.header .iconLinks__search {display: none;opacity: 0;}@media (min-width: 992px) {.header__sticky .header__main-container {justify-content: space-between;padding: 18px 0;}.header__sticky .header__main-container--logo {order: 1;padding-top: 0;z-index: 10;}.header__sticky .header__main-container--search {display: none;}.header__sticky .header__main-container--navigation {position: absolute;width: 100%;z-index: 8;}.header__sticky .header__main-container--navigation .navbar {top: 5px;}.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-link {padding-bottom: 30px;}.header__sticky .header__main-container--utility {order: 3;}.header__sticky .header__main-container--utility * {z-index: 10;}.header__sticky .header__main-container--utility .iconLinks__search {display: block;opacity: 1;}}@media (min-width: 320px) and (max-width: 991px) {.header__sticky .iconLinks__search {display: inline-block;opacity: 1;z-index: inherit;}.header__sticky .header__main-container--search {display: block;}.header__sticky .header__main-container--search.hide {display: none;}}@media (min-width: 991px) and (max-width: 1200px) {.header__sticky .header__main-container--logo, .header__sticky .header__main-container--utility {flex-basis: 15%;}.header__sticky .header__main-container--logo {padding-left: 15px;}.header__sticky .header__main-container--utility {padding-left: 0px;padding-right: 15px;}.header__sticky .header__main-container--utility .iconLinks {margin: 10px;}.header__sticky .header__main-container--navigation .navbar .header__navbar-content--wrap {width: auto;padding: 2px 0 0;}.header__sticky .header__main-container--navigation .navbar .navbar-nav {justify-content: space-between;margin-left: -25px;}.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item {padding-bottom: 0px;}}@media (min-width: 991px) and (max-width: 1200px) and (min-width: 1280px) {.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item {padding: 10px;}.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item .nav-link {letter-spacing: 0.5px;}}@media (min-width: 991px) and (max-width: 1200px) and (min-width: 1440px) {.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item {padding: 15px 10px;}.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item .nav-link {letter-spacing: 1px;}}@media (min-width: 991px) and (max-width: 1200px) {.header__sticky .header__main-container--navigation .navbar .navbar-nav .nav-item .nav-link {font-size: 12px;}}.header .show {display: block;opacity: 1;}.searchSpriteIcon {background-position: -147px 0px;width: 20px;height: 20px;}.header-auto-suggest {position: relative;padding: 18px;padding-bottom: 0;}@media (min-width: 320px) and (max-width: 991px) {.header-auto-suggest {padding: 0;}}.header-auto-suggest .textInputWrap {z-index: 1040;}.header-auto-suggest__container {display: none;position: absolute;z-index: 1040;width: 100%;background: white;padding-top: 75px;left: 0;top: 0;box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2);}@media (min-width: 320px) and (max-width: 991px) {.header-auto-suggest__container {padding-top: 55px;}}.header-auto-suggest__overflow-wrap {overflow: auto;width: 100%;}.header-auto-suggest__default, .header-auto-suggest__results {display: flex;flex-direction: column;width: 100%;}.header-auto-suggest__default h3, .header-auto-suggest__results h3 {padding: 0 30px;font-size: 20px;line-height: 22px;font-family: apFontSemibold !important;}@media (min-width: 320px) and (max-width: 991px) {.header-auto-suggest__default h3, .header-auto-suggest__results h3 {font-size: 16px;}}.header-auto-suggest__default--list li {padding: 15px 30px;border-bottom: 2px solid #f8f8f8;}.header-auto-suggest__default--list li:last-child {border-bottom: none;}.header-auto-suggest__default--list li a.iconTextLinks {display: flex;align-items: center;color: #222222;}.header-auto-suggest__results--search, .header-auto-suggest__results--related {padding-top: 20px;}.header-auto-suggest__results--search-list li, .header-auto-suggest__results--related-list li {padding: 0 30px;}.header-auto-suggest__results--search-list li:last-child a, .header-auto-suggest__results--related-list li:last-child a {border: none;}.header-auto-suggest__results--search-list li a.iconTextLinks, .header-auto-suggest__results--related-list li a.iconTextLinks {display: flex;align-items: center;color: #222222;}.header-auto-suggest__results--search, .header-auto-suggest__results--related {border-bottom: 2px solid #f8f8f8;}.header-auto-suggest__results--search-list .result-item, .header-auto-suggest__results--related-list .result-item {display: flex;justify-content: space-between;color: #222222;text-decoration: none;align-items: center;padding: 15px 0;border-bottom: 2px solid #f8f8f8;min-height: 95px;}.header-auto-suggest__results--search-list .result-item__desc, .header-auto-suggest__results--related-list .result-item__desc {display: flex;flex-direction: column;font-weight: normal;}.header-auto-suggest__results--search-list .result-item__desc--name, .header-auto-suggest__results--related-list .result-item__desc--name {font-size: 14px;font-weight: 600;font-family: apFontMedium;margin-bottom: 10px;}.header-auto-suggest__results--search-list .result-item__desc--sub-text, .header-auto-suggest__results--related-list .result-item__desc--sub-text {font-size: 12px;font-weight: normal;font-family: apFontLight;}.header-auto-suggest__results--search-list .result-item__desc--sub-text font, .header-auto-suggest__results--related-list .result-item__desc--sub-text font {font-family: apFontSemiBold;}.header-auto-suggest__results--search-list .result-item__img, .header-auto-suggest__results--related-list .result-item__img {width: 55px;}.header-auto-suggest__results--search-list .result-item__img .imageWithTextComp .imagWithTextWrap .productImgWrap, .header-auto-suggest__results--related-list .result-item__img .imageWithTextComp .imagWithTextWrap .productImgWrap {height: 60px;}.header-auto-suggest__results--search-list .result-item__img .imgBlock, .header-auto-suggest__results--related-list .result-item__img .imgBlock {width: 100%;height: 100%;}.header-auto-suggest__results--search-list .result-item__img .imgBlock img, .header-auto-suggest__results--related-list .result-item__img .imgBlock img {width: 100%;height: auto;background: none;}.header-auto-suggest__results--search-list .result-item__img .iconBlock, .header-auto-suggest__results--related-list .result-item__img .iconBlock {display: flex;justify-content: center;}.header-auto-suggest__results--search-list .result-item__img .iconBlock .spriteIcon-Aprevamp, .header-auto-suggest__results--related-list .result-item__img .iconBlock .spriteIcon-Aprevamp {transform: scale(1.2);}.header-auto-suggest__no-results {padding: 15px 35px;}.header-auto-suggest__no-results h3 {font-weight: 600;}.header-auto-suggest__no-results--alt-suggestions {padding: 25px 0;}.header-auto-suggest__no-results--alt-suggestions h4 {font-weight: 600;font-size: 14px;}.header-auto-suggest__no-results--alt-suggestions .alt-suggest-wrap {display: flex;flex-wrap: wrap;margin-top: 20px;}.header-auto-suggest__no-results--alt-suggestions .alt-suggest {border: 1px solid #f3ebff;padding: 5px 10px;min-width: 75px;display: inline-block;text-align: center;margin-right: 15px;margin-bottom: 15px;font-size: 14px;color: #431A80;background: #faf8ff;text-decoration: none;}.header-auto-suggest__no-results--alt-suggestions .alt-suggest:first-child {margin-left: 0;}.header-auto-suggest .close-search--main {display: none;}.header-auto-suggest.header-auto-suggest--active .textInputWrap {z-index: 1045;}.header-auto-suggest.header-auto-suggest--active .header-auto-suggest__container {display: flex;}@media (min-width: 320px) and (max-width: 991px) {.header-auto-suggest.header-auto-suggest--active .searchSpriteIcon {background-position: -865px -316px;width: 17px;height: 15px;}.header-auto-suggest.header-auto-suggest--active .textInputWrap {border: none;background: #f8f8f8;align-items: center;}.header-auto-suggest.header-auto-suggest--active .textInputWrap input {background: transparent;padding-left: 15px;}.header-auto-suggest.header-auto-suggest--active .close-search--main {display: block;}}.fade-scale {transform: scale(0);opacity: 0;-webkit-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}.fade-scale.in {opacity: 1;transform: scale(1);}.max90 {width: 90%;margin: 0 auto;}@media (min-width: 320px) and (max-width: 991px) {.mobileFull {width: 100%;}}.visible-desktop {display: block !important;}@media (min-width: 320px) and (max-width: 991px) {.visible-desktop {display: none !important;}}.visible-mobile {display: none !important;}@media (min-width: 320px) and (max-width: 991px) {.visible-mobile {display: block !important;}}.fade-scale.in {opacity: 1;transform: scale(1);}.iconLinks {display: inline-block;margin: 10px 15px;cursor: pointer;}@media (min-width: 320px) and (max-width: 991px) {.iconLinks {margin: 10px;}}.iconLinks__cart {position: relative;}.iconLinks__cart-count {position: absolute;right: -8px;top: -4px;width: 16px;height: 16px;color: #ffffff;background: #8938fe;border-radius: 50%;border: 1px solid #ffffff;display: flex;align-items: center;justify-content: center;font-size: 10px;}.modal__variant-cart .modal-dialog {max-width: unset;width: 60%;}@media (min-width: 320px) and (max-width: 575px) {.modal__variant-cart .modal-dialog {width: 90%;margin: 20px auto;}}.modal__variant-cart .modal-body {display: flex;justify-content: space-between;align-items: center;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-cart .modal-body {width: 80%;flex-direction: column;margin: 0 auto;align-items: unset;}}@media (min-width: 320px) and (max-width: 991px) and (min-width: 320px) and (max-width: 575px) {.modal__variant-cart .modal-body {width: 80%;}}.modal__variant-cart .modal-body .ctaComp {display: flex;flex-basis: 40%;}.modal__variant-cart .modal-body .ctaComp .ctaText.modal__variant-cart--view-cart {background: #ffffff;color: #512b8b;}.modal__variant-cart--text {flex-basis: 60%;font-size: 12px;color: #3b3b3b;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-cart--text {margin: 0 auto;margin-bottom: 8px;}}.modal__variant-cart--count {font-weight: bold;}.cart-modal-backdrop {background-color: #ffffff;}.headerDropdown {background: #ffffff;}.headerDropdown__list {display: flex;width: 100%;margin: 0 auto;flex-wrap: wrap;justify-content: center;}@media (min-width: 320px) and (max-width: 991px) {.headerDropdown__list {width: 100%;flex-wrap: wrap;justify-content: center;}}.headerDropdown__list li {min-width: 10%;margin: 10px 8px;}@media (min-width: 320px) and (max-width: 991px) {.headerDropdown__list li {flex-basis: 40%;margin: 6px;min-width: 130px;width: 100%;}}.headerDropdown__list .addHeaderListSeparator {border-right: 1px solid #e9e9e9;margin-right: 12px;padding-right: 20px;}@media (min-width: 320px) and (max-width: 991px) {.headerDropdown__list .addHeaderListSeparator {border: none;margin: 6px;padding: 0;}}.headerDropdown__list--item.ctaComp .ctaText {background: none;color: #2a2a2a;border-color: #e9e9e9;padding-top: 9px;padding-bottom: 9px;}.headerDropdown__list--item-selected.ctaComp .ctaText {background: #faf8ff;color: #431A80;border-color: #f3ebff;font-size: 10px;}.headerDropdown__list .ctaComp.secondary-cta .ctaText {font-size: 10px;width: 100%;white-space: nowrap;box-shadow: none;border: 1px solid #e9e9e9;}.headerDropdown__list .ctaComp.secondary-cta .ctaText:hover {background: #faf8ff;color: #431A80;border-color: #e9e9e9;}.headerDropdown__list-wrap {display: none;padding: 20px 0;background: #ffffff;}.headerDropdown__item.secondary-cta.ctaComp .ctaText {background: #ffffff;color: #222222;border: none;padding: 40px;padding-top: 5px;padding-bottom: 5px;font-size: 10px;width: 100%;outline: none;}@media (min-width: 320px) and (max-width: 991px) {.headerDropdown__item.secondary-cta.ctaComp .ctaText {padding-left: 20px;padding-right: 20px;}}.headerDropdown__item.secondary-cta.ctaComp .ctaText:hover {background: #ffffff;color: #222222;box-shadow: none;}.profile-holder {position: relative;}@media (min-width: 320px) and (max-width: 991px) {.profile-holder .iconLinks__profile {display: none;}}.profileIcon {background-position: -79px -1px !important;width: 20px;height: 20px;}.modal__variant-login .modal-dialog {max-width: unset;width: 25%;top: 20%;min-width: 440px;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-login .modal-dialog {width: 50%;min-width: 440px;}}@media (min-width: 320px) and (max-width: 575px) {.modal__variant-login .modal-dialog {width: 90%;min-width: unset;margin: 20px auto;}}.modal-content{position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 20%);border-radius: 0.3rem;outline: 0; height: auto;}.modal__variant-login .modal-content {border: none;border-radius: 2px;}.modal__variant-login .modal-header {border: none;padding: 5px;display: flex;justify-content: flex-end;}.modal__variant-login .modal-title {font-size: 20px;font-weight: 700;font-family: apFontSemibold;}.modal__variant-login .modal-body {display: flex;justify-content: space-between;flex-direction: column;padding-top: 0;padding-left: 40px;padding-right: 40px;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-login .modal-body {width: 80%;flex-direction: column;margin: 0 auto;align-items: unset;padding-left: 15px;padding-right: 15px;}}@media (min-width: 320px) and (max-width: 575px) {.modal__variant-login .modal-body {width: 95%;}}.modal__variant-login .modal-body .textInputWrap {display: flex;flex-direction: column;margin-bottom: 25px;padding: 0;position: relative;transition: 150ms all ease-in-out;}.modal__variant-login .modal-body .textInputWrap .commonTextComp {width: 100%;}.modal__variant-login .modal-body .textInputWrap label {position: absolute;opacity: 0.6;top: 15px;z-index: 10;transform: translateY(0);transition: 150ms transform ease-in-out;}.modal__variant-login .modal-body .textInputWrap input {border: none;position: relative;border-bottom: 2px solid #000;padding: 20px 0 4px;transition: 150ms all ease-in-out;}.modal__variant-login .modal-body .show-field {transform: translateY(0);}.modal__variant-login .modal-body .hide-field {transform: translateY(-100%);}.modal__variant-login .modal-body .focussed label {transform: translateY(-20px);}.modal__variant-login .modal-body .ctaComp {display: flex;flex-basis: 40%;}.modal__variant-login .modal-body .ctaComp .ctaText {width: 100%;font-family: apFontRegular;}.modal__variant-login .modal-body .ctaComp .ctaText.modal__variant-cart--view-cart {background: #ffffff;color: #512b8b;}.modal__variant-login .modal-body form span {font-family: apFontLight;font-weight: lighter;}.modal__variant-login--text {flex-basis: 60%;font-size: 12px;color: #3b3b3b;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-login--text {margin: 0 auto;margin-bottom: 8px;}}.modal__variant-login--count {font-weight: bold;}.modal__variant-login--footer {padding: 0;}.modal__variant-login--footer-banner {width: 100%;}.modal__variant-login--footer img {width: 100%;height: auto;}.modal__variant-login--register .modal-dialog {top: 15%;}.modal__variant-login--register-tofc {margin: 25px 0;font-size: 14px;color: #222222;}.modal__variant-login--register-tofc a {color: #222222;text-decoration: underline;}.modal__variant-login form legend {font-size: 14px;margin: 10px 0 15px;color: #222222;}.modal__variant-login a:hover {text-decoration: none;}.modal__variant-login--register .modal-body .textInputWrap__otp-variant {display: block;transform: translateY(0);}.textInputWrap__otp-variant {position: relative;}.textInputWrap__otp-variant .resend-otp {position: absolute;right: 0;top: 0;margin: 10px 0;color: #222222;border-bottom: 2px solid #8839ff;}.textInputWrap__otp-variant .resend-otp .resend-active {display: none;}.logged-in-wrap {display: none;}.logged-in-sticker {display: flex;justify-content: space-evenly;align-items: center;width: 170px;flex-wrap: wrap;padding: 10px;font-size: 14px;background: #fff;position: absolute;right: -15px;box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);-ms-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);-o-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);}.logged-in-sticker:after {content: "";position: absolute;left: 70%;top: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;clear: both;}@media (min-width: 320px) and (max-width: 991px) {.logged-in-sticker:after {display: none;}}@media (min-width: 320px) and (max-width: 991px) {.logged-in-sticker {position: fixed;top: 90%;margin-right: 44%;}}@media (min-width: 320px) and (max-width: 991px) and (min-width: 320px) and (max-width: 575px) {.logged-in-sticker {margin-right: 36%;}}.logged-in-sticker__text {font-weight: lighter;}.logged-in-sticker__text-name {font-weight: bold;}.logged-in-sticker__tick {display: inline-block;border-radius: 50%;width: 22px;height: 22px;border: 2px solid #5aba3a;}.logged-in-sticker__tick:after {content: "";display: block;width: 6px;height: 12px;border: solid #5aba3a;border-width: 0 2px 2px 0;transform: rotate(45deg);margin-top: 2px;margin-left: 6px;}.logged-in-dropdown__wrap {display: none;}.logged-in-dropdown {width: 170px;background: white;position: absolute;right: -30px;z-index: 1050;}.logged-in-dropdown ul {display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px solid #e8e8e8;}.logged-in-dropdown ul li {padding: 10px 0;width: 100%;display: flex;justify-content: center;border-top: 2px solid #e8e8e8;}.logged-in-dropdown ul li a {color: #222222;font-weight: normal;font-size: 12px;}.logged-in-dropdown ul li:first-child {border-top: none;}.logged-in-dropdown ul .signout {border-top: none;}.logged-in-dropdown ul .signout a {display: block;width: 100%;text-align: center;text-decoration: none;}.logged-in-dropdown ul .signout a span {border-bottom: 2px solid #8938fe;}.logged-in-dropdown ul .welcome-user-text {background: #f8f8f8;font-weight: lighter;}.logged-in-dropdown ul .welcome-user-text__name {font-weight: bold;}.logged-in-dropdown:after, .logged-in-dropdown:before {content: "";position: absolute;left: 60%;top: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f8f8f8;clear: both;}.logged-in-dropdown:after {border-bottom-color: #f8f8f8;border-width: 10px;top: -8px;}.logged-in-dropdown:before {border-bottom-color: #e8e8e8;border-width: 10px;top: -10px;}.header__main-container--navigation .navbar {background: none;padding: 0;top: 8px;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar {top: auto;padding: 10px;}}.header__main-container--navigation .navbar .header__navbar-content {justify-content: center;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content {transform: translate(0, 0);transition: transform 0.5s ease-in-out;}.header__main-container--navigation .navbar .header__navbar-content--head {padding-left: 10px;padding-bottom: 15px;font-weight: bold;}}.header__main-container--navigation .navbar .header__navbar-content--head {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--head {display: block;padding-top: 8px;}}.header__main-container--navigation .navbar .header__navbar-content--wrap {width: 50%;padding: 5px 0 0;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--wrap {width: 100%;}}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--mobile-utility {display: flex;width: 100%;justify-content: space-between;align-items: center;padding: 0;position: relative;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility .iconTextLinks {color: #ffffff;display: flex;font-size: 14px;align-items: center;justify-content: space-between;width: 100%;padding: 0;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility .iconsWithText__left {margin-right: 16px;}}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-complete {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-complete {flex: 0 0 100%;padding: 20px;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-complete .iconTextLinks {background-image: none;color: #000000;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-complete .logged-in__text {display: inline-block;color: #222222;font-weight: 500;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-complete .iconsWithText__left {vertical-align: sub;transform: scale(1.3, 1.4);--moz-transform: scale(1.3,1.4);--webkit--transform: scale(1.3,1.4);--o--transform: scale(1.3,1.4);}}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-initiate {display: flex;align-items: center;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-initiate {flex: 0 0 100%;padding: 20px;background-image: linear-gradient(to right, #3225af, #916bd6);}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login-initiate .iconTextLinks__text {flex: 0 0 80%;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn::before {content: "";position: absolute;height: 2px;width: 92%;background: #efefef;margin: 0 auto;left: 0;right: 0;top: 0;}}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete {display: flex;align-items: center;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete .logged-in__text {font-weight: bold;color: #000000;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete ul {display: flex;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete ul li {display: flex;position: relative;padding: 0 10px;font-weight: lighter;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete ul li:before {content: "";display: block;position: absolute;height: 12px;width: 100%;border-right: 1px solid white;top: 100%;margin-top: -15px;left: 0px;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete ul li:first-child {padding-left: 0;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-complete ul li:last-child:before {display: none;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn .header__navbar-content--mobile-utility--login-initiate {display: none;}.header__main-container--navigation .navbar .header__navbar-content--mobile-utility--login.isLoggedIn + .nav-revamp-logout-link {display: block;font-size: 16px;color: #686868;text-decoration: underline;padding-right: 15px;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .header__nav-icon.changeIcon {position: absolute;right: 8px;top: 15px;}}.header__main-container--navigation .navbar .navbar-nav {width: 100%;justify-content: space-evenly;}.header__main-container--navigation .navbar .navbar-nav .nav-item {padding: 15px;padding-bottom: 0;padding-top: 10px;white-space: nowrap;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-item {padding: 10px 0 10px;display: flex;justify-content: space-between;align-items: center;}.header__main-container--navigation .navbar .navbar-nav .nav-item--title {padding-left: 10px;font-weight: 500;font-size: 14px;}.header__main-container--navigation .navbar .navbar-nav .nav-item--title a {display: flex;align-items: center;color: #222;font-size: 14px;}.header__main-container--navigation .navbar .navbar-nav .nav-item--title .iconsWithText__left {margin-right: 20px;}}.header__main-container--navigation .navbar .navbar-nav .nav-item .visible-in-Desktop {display: block;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-item .visible-in-Desktop {display: none !important;}}.header__main-container--navigation .navbar .navbar-nav .nav-item .visible-in-mobile {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-item .visible-in-mobile {display: block;}}.header__main-container--navigation .navbar .navbar-nav .nav-item:first-child {padding-left: 0;}.header__main-container--navigation .navbar .navbar-nav .nav-item:last-child {padding-right: 0;}.header__main-container--navigation .navbar .navbar-nav .nav-link {color: #222222;padding: 0;padding-bottom: 15px;font-size: 14px;font-weight: 500;font-family: apFontMedium;letter-spacing: 1px;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-link {display: flex;align-items: center;padding-left: 10px;padding-right: 10px;padding-top: 10px;font-size: 13px;}}.header__main-container--navigation .navbar .navbar-nav .nav-link .iconsWithText__left {margin-right: 20px;}.header__main-container--navigation .navbar .navbar-nav .nav-link .iconsWithText {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-link .iconsWithText {display: inline-block;}}.header__main-container--navigation .navbar .navbar-nav .nav-link:active {background: #f7f7f7;}.header__main-container--navigation .navbar .navbar-nav .nav-item.active .nav-link {border-bottom: 2px solid #431a80;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .navbar-nav .nav-item.active .nav-link {border-bottom: none;}}.header__main-container--navigation .navbar .navbar-nav .nav-item.active:after {display: none;}.header__main-container--navigation .navbar .navbar-nav .dropdown-toggle:after {display: none;}.header__main-container--navigation .navbar .dropdown-menu {width: auto;border: none;padding: 0;overflow: hidden;max-height: 0;display: block;margin: 0 auto;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu {position: relative;padding: 0 10px;display: none;margin: 0;}}.header__main-container--navigation .navbar .dropdown-menu__container {display: flex;width: 100%;margin: 0;padding: 0;border-top: 1px solid #d3d3d3;font-size: 12px;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container {border: none;flex-direction: column;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder {border-top: 2px solid #efefef;padding-top: 20px;}}.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder a {display: block;text-decoration: underline;color: #431A80;font-size: 13px;font-weight: 500;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder a {padding-bottom: 6px;}}.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder a:hover{font-family: apFontSemibold;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder .accordion-panel {padding: 0;}}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder .accordion-panel li {padding: 10px 0;}.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder .accordion-panel li:first-child {padding-top: 0 !important;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder .dropdown__item--accordionList {padding: 0;}}.header__main-container--navigation .navbar .dropdown-menu__container .dropdown-menu__container--link-holder .dropdown__item--accordionList .accordionList-title .iconTextLinks__text {font-weight: 600;font-size: 14px;padding-bottom: 10px;display: inline-block;}.header__main-container--navigation .navbar .dropdown-menu__container--list-holder {margin: 0;width: 100%;flex: 0 0 100%;justify-content: space-between;display: flex;flex-wrap: wrap;}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown-menu__container--list-holder .dropdown__item {padding: 25px 15px 30px 22px;min-width: 190px;}.header__main-container--navigation .navbar .dropdown-menu__container--list-holder .dropdown__item:nth-child(odd) {background-color: #fafafa;}}.header__main-container--navigation .navbar .dropdown-menu__container--image-holder {flex-basis: 17%;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__container--image-holder {width: 100%;padding: 0 15px;}}.header__main-container--navigation .navbar .dropdown-menu__container--image-holder img {width: 100%;height: auto;}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-header {display: none !important;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-header .dropdown-menu__mobile-head--menu-item-header {display: none;}}.header__main-container--navigation .navbar .dropdown-menu__mobile-head {position: fixed;width: 100%;background: #fff;top: 0;left: 0;padding: 0 15px;z-index: 99;font-size: 12px;font-weight: 700;}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-head {display: none;}}.header__main-container--navigation .navbar .dropdown-menu__mobile-head--top-utility {display: flex;justify-content: center;position: relative;padding: 15px 0 20px;font-size: 16px;color: #222222;width: 100%;height: 100%;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-head--top-utility {padding: 15px 0 35px;}}.header__main-container--navigation .navbar .dropdown-menu__mobile-head--top-utility .dropdown-menu__backToMenu {position: absolute;left: 0;top: 20px;width: 25px;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-head--menu-item-header {display: none;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-head--text {color: #000000;}}.header__main-container--navigation .navbar .dropdown-menu__mobile-head--menu-item-header {padding: 15px 0;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__mobile-head--text {display: block;color: #222222;font-weight: 600;}}.header__main-container--navigation .navbar .dropdown-menu__footer {border: 1px solid #d3d3d3;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__footer {width: 100%;border: none;margin-top: 1rem;}}.header__main-container--navigation .navbar .dropdown-menu__footer-wrapper {width: 80%;margin: 0 auto;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__footer-wrapper {width: 100%;}}.header__main-container--navigation .navbar .dropdown-menu__footer-content {display: flex;width: 80%;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__footer-content {width: 100%;background: #f7f7f7;display: block;}}.header__main-container--navigation .navbar .dropdown-menu__footer--item {padding: 20px 0;display: flex;align-items: center;flex: 0 0 20%;max-width: 20%;}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown-menu__footer--item {justify-content: center;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__footer--item {flex: 0 0 100%;max-width: 100%;margin-left: 15px;margin-right: 15px;padding: 15px 0;border-bottom: 2px solid #e7e7e7;}.header__main-container--navigation .navbar .dropdown-menu__footer--item:last-child {border-bottom: none;}}.header__main-container--navigation .navbar .dropdown-menu__footer--item .iconTextLinks {font-weight: bold;font-size: 12px;display: flex;align-items: center;color: #222222;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu__footer--item .iconTextLinks {flex-direction: row-reverse;width: 100%;justify-content: space-between;}.header__main-container--navigation .navbar .dropdown-menu__footer--item .iconTextLinks .iconsWithText {margin: 0;}}.header__main-container--navigation .navbar .dropdown-menu.show {transition:none !important;max-height: 9999px;visibility: visible;display: block;box-shadow: 0 1px 4px 4px rgba(0, 0, 0, 0.2);}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown-menu.show {max-height: 100vh;overflow: auto;top: 0;width: 100%;}}.header__main-container--navigation .navbar .dropdown__item {float: left;margin-right: 0;}.header__main-container--navigation .navbar .dropdown__item:last-child {margin-right: 0;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item {width: 100%;padding: 0 2% 5px;margin-right: 0px;}.header__main-container--navigation .navbar .dropdown__item--accordionList {display: flex;justify-content: space-between;align-items: center;border-bottom: 0;}}.header__main-container--navigation .navbar .dropdown__item a {display: flex;font-size: 14px;color: #222222;font-weight: 600;}@media (min-width: 992px) {.header__main-container--navigation .navbar .dropdown__item a .iconTextLinks__text {padding-bottom: 22px;font-family: apfontMedium;line-height: 20px;font-weight: bolder;letter-spacing: 0.8px;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item a .iconTextLinks__text {font-size: 14px;padding-bottom: 22px;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item .isHeader {padding-top: 5px;padding-bottom: 15px;border-bottom: 2px solid #dfdfdf;}}.header__main-container--navigation .navbar .dropdown__item--header {font-weight: bold;color: #222222;padding: 10px 0;font-size: 14px;padding: 0;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item--header {padding: 20px 0;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item .accordion-head {justify-content: space-between;align-items: center;}}.header__main-container--navigation .navbar .dropdown__item .accordion-head .iconsWithText {display: none;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item .accordion-head .iconsWithText {display: inline-block;}}.header__main-container--navigation .navbar .dropdown__item--list-item {padding: 9px 0;}.header__main-container--navigation .navbar .dropdown__item--list-item:first-child {padding-top: 0;}.header__main-container--navigation .navbar .dropdown__item--list-item a {color: #431A80;font-weight: 500;font-size: 13px;font-family: apFontLight;line-height: 17px;letter-spacing: 0.8px;}.header__main-container--navigation .navbar .dropdown__item--list-item a:hover {font-weight: 900;font-family: apFontSemibold;}.header__main-container--navigation .navbar .dropdown__item .isHeader {font-weight: bold;}.header__main-container--navigation .navbar .dropdown__item .isHeader:hover {font-weight: bold;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar .dropdown__item .accordion-panel {display: block;padding: 0 2% 10px;border: none;}}.header__main-container--navigation .navbar .dropdown__item.accordion-active {border: none;}.header__main-container--navigation .navbar .dropdown__item.accordion-active .accordion-head {border: none;}.header__main-container--navigation .navbar-collapse.show {display: flex;justify-content: center;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar-collapse.show {justify-content: space-between;flex-direction: column;align-items: flex-start;position: absolute;height: 100%;width: 100%;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar__additional-links {transform: translate(100%, 0);max-height: 100%;overflow-y: auto;}}.header__main-container--navigation .navbar a:hover {text-decoration: none;}.header__main-container--navigation .navbar.navbar__active {position: fixed;top: 0;width: 100%;height: 100%;background: #fff;overflow: hidden;overflow-y: auto;padding-left: 0;padding-right: 0;z-index: 1050;}.header__main-container--navigation .navbar__active.secondaryActive {overflow: unset;padding: 10px 0;}.header__main-container--navigation .navbar__active.secondaryActive .header__nav-icon {position: absolute;}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar__active.secondaryActive .header__navbar-content {transform: translate(-110%, 0);}}.header__main-container--navigation .navbar__active.secondaryActive .navbar__additional-links {transform: translate(0, 0);transition: transform 0.5s ease-in-out;top: 0;width: 100%;overflow: hidden;}@media not all and (min-resolution: 0.001dpcm) {@supports (-webkit-appearance: none) {.header__main-container--navigation .navbar__active.secondaryActive .navbar__additional-links {overflow: auto;}}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar__active.secondaryActive .navbar__additional-links {position: fixed;}}@media (min-width: 320px) and (max-width: 991px) {.header__main-container--navigation .navbar__active.secondaryActive {padding: 0;}}.header__nav-icon {font-size: 1rem;z-index: 9999;}.navbar-toggler:after, .navbar-toggler:before, .navbar-toggler div {background-color: #d3d3d3;border-radius: 3px;content: "";display: block;height: 3px;margin: 5px 0;}.changeIcon:before {transform: translateY(5px) rotate(135deg);}.changeIcon:after {transform: translateY(-12px) rotate(-135deg);}.changeIcon div {transform: scale(0);}.zeroPadding {padding: 0 !important;}.no-gutters {padding: 0;margin: 0;}.mobile-scroll {position: absolute;bottom: 6%;left: 46%;z-index: 1060;display: none !important;}.mobile-scroll .spriteIcon-Aprevamp {box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.3), 0 4px 4px 0 rgba(0, 0, 0, 0.19);border-radius: 50%;}.mobile-scroll--attach-top {top: 6%;bottom: auto;}.cart-items-wrapper {display: none;}.show-cart-items .cart-items-wrapper {right: 10px;width: 380px;height: 440px;padding: 20px;display: block;z-index: 1999;top: calc(100% + 0px);background-color: #ffffff;box-shadow: inset 0px 0px 1px 0px #000;}.show-cart-items .cart-items-wrapper::after {content: "";right: 5px;width: 10px;height: 10px;position: absolute;display: inline-block;bottom: calc(100% - 5px);transform: rotate(45deg);background-color: #ffffff;border-top: 1px solid #a4a4a4;border-left: 1px solid #a4a4a4;}.show-cart-items .cart-items-wrapper h2 {font-size: 13px;line-height: 20px;letter-spacing: 1px;margin-bottom: 0 !important;font-family: apFontBold;}.show-cart-items .cart-items-wrapper .description-text {font-family: apFontLight;}.show-cart-items .cart-items-wrapper .ctaText {font-family: apFontRegular;}.show-cart-items .cart-items-wrapper .item-lists {overflow-y: auto;max-height: calc(100% - 120px);padding-right: 20px;}.show-cart-items .cart-items-wrapper .item-lists li {padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #efefef;}.show-cart-items .cart-items-wrapper .item-lists li:last-child {border-bottom: none;}.show-cart-items .cart-items-wrapper .item-lists li .item-picture {width: 80px;height: 80px;margin-right: 20px;}.show-cart-items .cart-items-wrapper .item-lists li .description-text, .show-cart-items .cart-items-wrapper .item-lists li .description-text p {font-size: 12px;line-height: 16px;}.show-cart-items .cart-items-wrapper .item-lists li .quantity {font-size: inherit;padding: 4px 8px;border-radius: 2px;border: 1px solid #efefef;}.show-cart-items .cart-items-wrapper .item-lists li .item-price {font-size: 12px;line-height: 18px;font-weight: bold;margin-left: 5px;}.show-cart-items .cart-items-wrapper .item-lists li .spriteIcon-Aprevamp {right: 0;bottom: 48px;width: 22px;height: 25px;cursor: pointer;background-position: -1208px -376px;}.show-cart-items .cart-items-wrapper .item-lists li .spriteIcon-Aprevamp.form-dropdown__custom-variant--icon {right: 8px;bottom: 20px;width: 20px;height: 22px;transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);}.show-cart-items .cart-items-wrapper .item-lists li .form-dropdown__custom-variant--target {border-radius: 2px;position: absolute;top: -30px;width: 100%;z-index: 24;background: #fff;text-align: left;height: 80px;overflow: auto;}.show-cart-items .cart-items-wrapper .item-lists li .form-dropdown__custom-variant--target li.form-dropdown__list-item {padding: 0;}.show-cart-items .cart-items-wrapper .item-lists li .updatedQuantity {color: #222222;padding-left: 2px;transform: translate(0);-ms-transform: translate(0);-webkit-transform: translate(0);-moz-transform: translate(0);-o-transform: translate(0);}.show-cart-items .cart-items-wrapper .total-checkout-wrap {left: 0;bottom: 0;z-index: 20;width: 100%;padding: 15px 20px;background-color: #ffffff;box-shadow: inset 0px 0px 1px 0px #000;}.show-cart-items .cart-items-wrapper .total-checkout-wrap .ctaComp:first-child a {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}.show-cart-items .cart-items-wrapper .total-checkout-wrap .ctaComp:nth-child(2) a {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}.show-cart-items .cart-items-wrapper .total-checkout-wrap .ctaComp.baseBtn {flex: 1;margin-top: 15px;}.show-cart-items .cart-items-wrapper .total-checkout-wrap .ctaComp.baseBtn .ctaText {width: 100%;color: #431a80;border: 1px solid #431a80;background-color: transparent;}.show-cart-items .cart-items-wrapper .total-checkout-wrap .ctaComp.baseBtn .ctaText.active {color: #ffffff;background-color: #431a80;}.show-cart-items .cart-items-wrapper.empty-cart-section {height: auto;}.show-cart-items .cart-items-wrapper .place-holder-wrapper {padding-bottom: 10px;}.show-cart-items .cart-items-wrapper .place-holder-wrapper .place-holder-icon {width: 130px;height: 130px;margin: 10px auto;margin-bottom: 30px;background-color: #f4f0ff;}.show-cart-items .cart-items-wrapper .place-holder-wrapper .place-holder-icon .cartIcon {top: calc(50% - 10px);}.show-cart-items .cart-items-wrapper .recommended-links a {width: auto;padding: 10px;font-size: 13px;line-height: 13px;margin-right: 10px;margin-bottom: 10px;color: #431a80;background-color: #f4f0ff;}@media (min-width: 320px) and (max-width: 991px) {.show-cart-items .cart-items-wrapper {width: 100vw;right: -10px;height: calc(100vh - 50px);}.show-cart-items .cart-items-wrapper .item-lists {height: 100%;}}.inactive {opacity: 0.5;}.footerAccordion {background-color: transparent;color: #444;padding: 18px;width: 100%;text-align: left;border: none;outline: none;transition: 0.4s;padding-left: 0;}@media (min-width: 320px) and (max-width: 767px) {.footerAccordion {background: #ffffff;}}.panel {padding: 0 18px;padding-left: 0;display: none;overflow: hidden;}@media (min-width: 320px) and (max-width: 767px) {.panel {padding: 0;}}@media (min-width: 320px) and (max-width: 767px) {.footerAccordion:after {content: "➕";font-size: 13px;color: #777;float: right;margin-left: 5px;display: none;}}.active:after {content: "➖";display: none;}.panel {display: block;}@media (min-width: 320px) and (max-width: 767px) {.panel {display: none;}}.panel.openContent {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.subscribemodal {height: 200px;width: 400px;margin: 0 auto;position: absolute;display: none;top: 25%;right: 50%;background: white;z-index: 1;transform: translate(50%, -50%);}.subscribemodal.subscribeOpen {display: block;}.subscribemodal .closeIcon {margin: 20px 20px;float: right;}.subscribemodal p {font-size: 14px;text-align: center;vertical-align: middle;line-height: 200px;}footer {bottom: 0;padding: 40px;margin: 0 auto;position: relative;z-index: 1;}footer hr:nth-child(1) {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer hr:nth-child(1) {display: block;height: 0.1px;border: solid 1px rgba(0, 0, 0, 0.1);margin-bottom: 0;}}@media (min-width: 320px) and (max-width: 767px) {footer.modalopen {background-color: #666666;z-index: 1040;}footer.modalopen input, footer.modalopen button {background: #666666;opacity: 0.5;}footer.modalopen .spriteIcon {opacity: 0.5;}footer.modalopen .open .spriteIcon {opacity: 1;}footer.modalopen .selectedCountry {opacity: 0.3;}footer.modalopen .appStore, footer.modalopen .playStore {opacity: 0.5;}footer.modalopen .minimalistic-footer .arrowUp {opacity: 0.1;}footer hr:nth-child(2) {display: none;}}@media (min-width: 320px) and (max-width: 767px) {footer form {margin-bottom: 0;}}@media (min-width: 320px) and (max-width: 991px) {footer {padding: 20px;padding-top: 5px;background-color: #ffffff;}}footer h5 {font-family: apFontBold;font-size: 20px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.3;letter-spacing: normal;color: #222222;margin-bottom: 15px;}@media (min-width: 768px) and (max-width: 991px) {footer h5 {font-size: 12px;}}@media (min-width: 320px) and (max-width: 767px) {footer h5 {font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 2.17;letter-spacing: normal;color: #222222;margin-top: 25px;}}footer .ctaComp.input-with-cta {display: flex;}footer .ctaComp.input-with-cta input {font-size: 13px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 2;letter-spacing: normal;text-align: justify;color: #222222;width: 52.5%;padding-left: 20px;}@media (min-width: 1200px) {footer .ctaComp.input-with-cta input {width: 238px;flex: none;}}@media (min-width: 320px) and (max-width: 767px) {footer .ctaComp.input-with-cta input {padding-left: 20px;flex: 1;font-size: 12px;line-height: 2.17;height: 40px;}}@media (min-width: 768px) and (max-width: 991px) {footer .ctaComp.input-with-cta input {font-size: 10px;}}@media (min-width: 320px) and (max-width: 767px) {footer .ctaComp.input-with-cta input[type=number] {margin-bottom: 16px;}}footer .ctaComp.input-with-cta button {outline: none;}footer .ctaComp.input-with-cta button:hover, footer .ctaComp.input-with-cta button:focus {outline: none;}footer .ctaComp.input-with-cta button.ctaText {font-size: 13px;font-weight: 500;line-height: 2;letter-spacing: 1.08px;text-align: center;padding: 10px 21px;}@media (min-width: 320px) and (max-width: 767px) {footer .ctaComp.input-with-cta button.ctaText {font-size: 10px;line-height: 2.6;letter-spacing: 0.83px;height: 40px;padding-top: 7px;}}@media (min-width: 768px) and (max-width: 991px) {footer .ctaComp.input-with-cta button.ctaText {font-size: 10px;padding: 8px;}}footer label {display: none;font-size: 13px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 2;letter-spacing: normal;text-align: justify;}footer label.error {display: block;color: #ff0000;}footer button.footerAccordion {font-weight: 500;font-size: 13px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: 1px;text-align: justify;color: #222222;padding-bottom: 5px;pointer-events: none;}@media (min-width: 320px) and (max-width: 767px) {footer button.footerAccordion {padding-top: 22px;padding-bottom: 22.9px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-weight: bold;font-size: 12px;padding-left: 18px;pointer-events: auto;}}@media (min-width: 768px) and (max-width: 991px) {footer button.footerAccordion {font-size: 10px;}}@media (min-width: 320px) and (max-width: 767px) {footer button.footerAccordion.active {border-bottom: none;}}footer button.footerAccordion .plus, footer button.footerAccordion .minus {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer button.footerAccordion .plus, footer button.footerAccordion .minus {display: block;float: right;}}footer button.footerAccordion.minus {background-position: -275px -125px;}footer button.footerAccordion:focus {outline: none;}footer .panel span.countryLabel {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer .panel span.countryLabel {display: inline-block;}}footer .panel span.closeIcon {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer .panel span.closeIcon {display: inline-block;float: right;}}@media (min-width: 320px) and (max-width: 767px) {footer .panel li {padding: 5px 0;}}@media (min-width: 768px) and (max-width: 991px) {footer .panel li {line-height: 0.8;margin-bottom: 8px;}}footer .panel li a {font-weight: normal;font-size: 13px;font-weight: lighter;color: #222222;cursor: pointer;line-height: 22px;}footer .panel li a:hover {text-decoration: none;font-weight: bold;}@media (min-width: 320px) and (max-width: 767px) {footer .panel li a {font-size: 12px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.33;letter-spacing: normal;text-align: justify;}}@media (min-width: 768px) and (max-width: 991px) {footer .panel li a {font-size: 10px;}}footer p {margin: 0 auto;font-size: 10px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.3;letter-spacing: 0.77px;text-align: justify;color: #222222;}@media (min-width: 320px) and (max-width: 767px) {footer p {font-size: 12px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.08;letter-spacing: 0.92px;text-align: center;}}footer .textLinks a.textCompLink {border-bottom: 2px solid #8838FF;text-decoration: none;padding-bottom: 3px;}footer .textLinks a.textCompLink:hover {color: #431A80;border-bottom: 3px solid #431A80;}footer .textLinks a.textCompLink[disabled] {color: #CDCDCD;border-bottom: 3px solid #CDCDCD;}footer .contactno {font-size: 13px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.85;letter-spacing: 1px;color: #222222;}footer .emailSec {margin-left: 15px;}@media (min-width: 768px) and (max-width: 991px) {footer .textCompWrap.textLinks {display: flex;justify-content: center;align-items: center;}}footer .textCompWrap.textLinks.contactSec::after {content: "";float: right;height: 25px;color: red;border: 1px solid purple;margin-top: 11px;}footer .textCompWrap.textLinks a.textCompLink {font-size: 13px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 0.92;letter-spacing: 1px;text-align: center;color: #222222;display: inline-block;margin-top: 20px;}@media (min-width: 320px) and (max-width: 767px) {footer .textCompWrap.textLinks a.textCompLink {margin-top: 15px;}}@media (min-width: 768px) and (max-width: 991px) {footer .textCompWrap.textLinks a.textCompLink {font-size: 10px;}}footer .textCompWrap.textLinks a.textCompLink.contactno {border-bottom: 0;}@media (min-width: 320px) and (max-width: 767px) {footer .textCompWrap.textLinks a.textCompLink.contactno {font-size: 16px;font-weight: normal;}}@media (min-width: 320px) and (max-width: 374px) {footer .textCompWrap.textLinks a.textCompLink.contactno {font-size: 12px;}}@media (min-width: 768px) and (max-width: 991px) {footer .textCompWrap.textLinks a.textCompLink.contactno {padding-right: 10px;}}footer .social-icons {clear: both;padding-top: 61px;}footer .social-icons .socialIconLabel {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer .social-icons .socialIconLabel {display: block;margin-bottom: 16px;font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: 1px;}}@media (min-width: 320px) and (max-width: 767px) {footer .social-icons {padding-top: 38px;}}footer .social-icons a {display: inline-block;}footer .social-icons a:last-child span {margin-right: 0;}footer .social-icons a span {margin-right: 48px;display: inline-block;}@media (min-width: 768px) and (max-width: 991px) {footer .social-icons a span {margin-right: 30px;}}@media (min-width: 320px) and (max-width: 767px) {footer .social-icons a span {transform: scale(1.4);margin-right: 58px;}}@media (min-width: 320px) and (max-width: 374px) {footer .social-icons a span {margin-right: 48px;}}@media (min-width: 991px) and (max-width: 1200px) {footer .social-icons a span {margin-right: 32px;}}@media (min-width: 1200px) {footer .social-icons a span {margin-right: 42px;}}footer .logoImages {margin-top: 50px;margin-bottom: 60px;}footer .logoImages .logoLabel {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer .logoImages .logoLabel {display: inline-block;margin-bottom: 16px;font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: 1px;}}footer .logoImages .logoImages__links {display: flex;}@media (min-width: 1200px) {footer .logoImages .logoImagesLinks:nth-child(3) {margin-left: 16px;}}@media (min-width: 320px) and (max-width: 991px) {footer .logoImages {width: 100%;margin-bottom: 38px;}}footer .logoImages div {width: auto;float: left;}footer .logoImages div span {margin-right: 3px;}@media (min-width: 991px) and (max-width: 1200px) {footer .logoImages div {margin-left: -20px;transform: scale(0.8);}}footer .logoImages div .appStore, footer .logoImages div .playStore {cursor: pointer;}@media (min-width: 768px) and (max-width: 991px) {footer .logoImages div .appStore, footer .logoImages div .playStore {transform: scale(1);z-index: 0;margin-left: -20px;}}@media (min-width: 320px) and (max-width: 575px) {footer .logoImages div .appStore, footer .logoImages div .playStore {transform: scale(1.1);z-index: 0;}}@media (min-width: 320px) and (max-width: 991px) {footer .logoImages {display: flex;flex-direction: column;justify-content: center;}footer .logoImages .logoImagesLinks__wrap {display: flex;justify-content: space-evenly;}}footer #country {display: none;width: 92%;}footer #country.open {position: absolute;}@media (min-width: 320px) and (max-width: 767px) {footer #country.open {bottom: 100%;}}footer #country .mobileCountryHeader {display: none;}@media (min-width: 320px) and (max-width: 767px) {footer #country .mobileCountryHeader {display: block;height: 63px;padding-left: 21px;}}footer #country .mobileCountryHeader span.countryLabel {font-weight: 700;font-size: 16px;font-style: normal;font-stretch: normal;line-height: 1.38;letter-spacing: normal;color: #000000;padding-top: 31px;display: none;display: inline-block;}footer #country .mobileCountryHeader span.closeIcon {float: right;margin: 25px;pointer-events: auto;}footer #country .for-mobile {position: fixed;top: 20%;width: 88%;left: 6%;background: white;overflow-y: scroll;}@media (min-width: 576px) {footer #country .for-mobile {position: unset;top: unset;width: unset;left: unset;background: unset;overflow-y: unset;}}footer .countrySec ul {width: 238px;max-height: 208px;overflow: auto;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec ul {width: 100%;max-height: 350px;overflow: scroll;pointer-events: auto;}}footer .countrySec ul li {padding-left: 21px;clear: left;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec ul li {border-bottom: solid 1px #e9e9e9;padding: 10px 0 10px 21px;}}footer .countrySec ul li a span {font-size: 13px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 3.08;letter-spacing: 1px;color: #2a2a2a;}footer .countrySec ul li a span.spriteIcon-Aprevamp {vertical-align: middle;display: inline-block;margin: 9px 0;}footer .countrySec ul li a span.countryName {padding-left: 9px;font-size: 13px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: 1px;color: #2a2a2a;border-bottom: solid 1px #e9e9e9;width: 162px;display: inline-block;padding: 9px 9px;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec ul li a span.countryName {border-bottom: none;}}@media (min-width: 768px) and (max-width: 991px) {footer .countrySec ul li a span.countryName {font-size: 10px;}}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec .selectedCountry {padding-top: 30px;padding-bottom: 30px;border-bottom: solid 1px #e9e9e9;padding-left: 0;}}footer .countrySec .selectedCountry .countryLabel {display: none;font-size: 12px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: 1px;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec .selectedCountry .countryLabel {display: inline-block;}}footer .countrySec .selectedCountry a {text-decoration: none;color: inherit;display: inline-block;width: auto;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec .selectedCountry a {display: inline-block;float: right;margin-top: -9px;}}footer .countrySec .selectedCountry .flag {vertical-align: middle;display: inline-block;margin: 9px 0;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec .selectedCountry .flag {margin: auto;}}footer .countrySec .selectedCountry .iconTextLinks__text {padding-left: 9px;font-size: 13px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 2;letter-spacing: 1px;}@media (min-width: 768px) and (max-width: 991px) {footer .countrySec .selectedCountry .iconTextLinks__text {font-size: 10px;}}footer .countrySec .selectedCountry .arrowDown, footer .countrySec .selectedCountry .arrowUp {vertical-align: middle;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec .selectedCountry .arrowDown, footer .countrySec .selectedCountry .arrowUp {margin-left: 30px;}}footer .countrySec .selectedCountry .countryName {padding-left: 9px;}footer .countrySec #country.open {display: block;border-radius: 2px;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);background-color: #f8f8f8;z-index: 1;max-width: 238px;margin-left: -23px;max-height: 208px;}@media (min-width: 320px) and (max-width: 767px) {footer .countrySec #country.open {max-width: 92%;margin-left: 0;max-height: unset;}}@media (min-width: 320px) and (max-width: 991px) {.foooter-content-panel {display: none;}}@media (min-width: 320px) and (max-width: 991px) {.foooter-content-panel--show {display: block;}}@media (min-width: 320px) and (max-width: 991px) {.minimalistic-footer {display: flex !important;justify-content: space-between;align-items: center;margin: 10px 0;}}.loader-wrap {position: absolute;top: 30%;right: 35%;margin: 0 auto;z-index: 10;}.loader {border: 2px solid #f3f3f3;border-top: 2px solid #d6330d;border-radius: 50%;width: 20px;height: 20px;animation: spin 2s linear infinite;margin: 0 auto;position: relative;top: 50%;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.toggle-disable {position: relative;cursor: not-allowed !important;pointer-events: none;}@media (min-width: 320px) and (max-width: 991px) {footer button.footerAccordion {padding-left: 0;padding-right: 0;margin-bottom: 2px;}footer button.footerAccordion.active {padding-bottom: 10px;}}@media (min-width: 320px) and (max-width: 991px) {footer .panel.openContent {padding: 0;}}a, a:hover {color: inherit;}body {padding-top: 125px !important;}@media (min-width: 992px) {body {padding-top: 0 !important;}}body .responsivegrid.cc-global {padding-top: 129px;}@media (min-width: 992px) {body .responsivegrid.cc-global {padding-top: 150px;}}body.campaignpage-template .responsivegrid.cc-global {padding-top: 0;}.faqComponent h2 {font-family: apFontBold;}.modal__variant-NavPincode-Tint {position: fixed;background: #000;width: 100%;height: 100%;opacity: 0.2;top: 0;z-index: 1042;}.modal__variant-login .modal-body h2.modal-title {color: #2a2a2a;}.modal-open .modal.modal__variant-NavPincode{background-color: transparent !important;}.modal__variant-NavPincode {bottom: 0 !important;top: auto !important;z-index: 1043;}@media (min-width: 992px) {.modal__variant-NavPincode {left: auto !important;right: 10% !important;top: 10px !important;}}.modal__variant-NavPincode .modal-dialog {width: 100% !important;max-width: 100% !important;position: unset !important;height: auto !important;background: transparent !important; transform: translateY(0%) !important;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .modal-dialog {margin: 0.5rem 0 -3px -1px !important;}}@media (min-width: 992px) {.modal__variant-NavPincode .modal-dialog {max-width: 430px !important; position:unset !important; width:430px !important;margin-top: 25px !important;}}.modal__variant-NavPincode .modal-header {padding: 20px 15px 0 !important;justify-content: flex-end !important;border-bottom: 0 !important; margin: 0 0 0 auto;width: 100%;}.modal__variant-NavPincode .modal-header .iconLinks {cursor: pointer !important;z-index: 1024;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .modal-content {border-top-left-radius: 25px !important;     border-top-right-radius: 25px !important;}}.modal__variant-NavPincode .modal-body {padding:1rem !important; padding-top: 0 !important;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .modal-body {padding: 0 !important;}}.modal__variant-NavPincode .modal-body h3 {font-size: 20px;line-height: 22px;font-weight: 700;margin-top: -30px !important;margin-bottom: 15px !important; font-family: apfontBold !important;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .modal-body h3 {padding: 0 15px;}}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .nav-pincode-wrap {padding: 0 15px; margin-bottom: 20px;}}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .nav-pincode-wrap .input-wrap, .modal__variant-NavPincode .nav-pincode-wrap label, .modal__variant-NavPincode .nav-pincode-wrap form, .modal__variant-NavPincode .nav-pincode-wrap input {width: 100%;}.modal__variant-NavPincode .pincode-search-detail{padding:0 15px;}}.modal__variant-NavPincode .nav-pincode-wrap .form-global__field {border: 1px solid #bebebe;padding: 0 30px 0 10px;}@media (min-width: 992px) {.modal__variant-NavPincode .nav-pincode-wrap .form-global__field {width: 350px;}}.modal__variant-NavPincode .nav-pincode-wrap .search-by-pin {width: 50px !important; background: #431a80;border: 1px solid #431a80;color: #fff;}.modal__variant-NavPincode .nav-pincode-wrap .locatorIco {position: absolute;right: 50px;top: 13px;}.modal__variant-NavPincode .pincode-search-detail .total-store-no {font-size: 13px;font-weight: 400;margin: 10px 0;font-family: 'apFontLight';}@media (min-width: 992px) {.modal__variant-NavPincode .pincode-search-detail .total-store-no {margin-bottom: 8px;margin-top: 15px;}}.modal__variant-NavPincode .pincode-search-detail h4 {font-size: 14px;margin-bottom: 20px;margin-top: 25px;font-family: 'apFontMedium';font-weight: 600;}.modal__variant-NavPincode .pincode-search-detail--store {display: flex;justify-content: space-between;align-items: flex-start;}@media (min-width: 992px) {.modal__variant-NavPincode .pincode-search-detail--store {align-items: center;}}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent {flex-basis: 72%;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeLable {padding: 4px;color: #ffffff;display: inline-block;padding: 2px 6px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;font-family: 'apFontSemiBold';}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeName {font-weight: 600;font-size: 14px;font-family: 'apFontRegular';}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeTiming {color: #686868;margin-bottom: 9px;margin-top: 10px;font-family: 'apFontLight';font-weight: lighter;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeAddress {font-weight: 200;font-family: apFontExtraLight;margin-bottom: 15px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeContact {margin-bottom: 22px;font-family: 'apFontRegular';font-size: 14px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--leftContent .storeContact span {color: #5923aa;text-decoration: underline;cursor: pointer;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent {flex-basis: 15%;display: flex;flex-wrap: wrap;padding-right: 20px;height: 110px;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent {margin-top: 36px;flex-basis: 0;width: 60px;}}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent span {flex: 0 0 100%;display: inline-block;transform: scale(0.9);cursor: pointer;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent span.apNavsmsIcon{background-position: -1138px -144px;width: 30px;height: 25px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent span.apNavmailIco{background-position: -625px -295px;height: 35px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box {position: absolute;right: 0;top: 40px !important;z-index: 10;text-align: left;background-color: #f8f8f8;padding: 6px 18px;display: none;left: -45px;width: 110px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box span {padding-left: 36px !important;display: flex !important;align-items: center !important;font-size: 14px;margin: 0;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box .apNavsmsIcon::before {background-position: -1138px -144px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box .apNavmailIco::before {background-position: -625px -295px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box.shareWithWrap li {justify-content: center;padding: 0; font-family: 'apFontLight';}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box.shareWithWrap .spriteIcon-Aprevamp::before, .modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box.shareWithWrap .spriteIcon-Firstfold::before {content: "";position: absolute;display: block;width: 35px;height: 35px;left: -7px;top: -4px;}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box.shareWithWrap .spriteIcon-Aprevamp::before {background-image: url("../../../clientlibs/clientlib-global/resources/images/Icons-Sprite.png");}.modal__variant-NavPincode .pincode-search-detail--store .pincode-search-detail-store--rightContent .share-tool-box.shareWithWrap.modal__variant-NavPincode .pincode-search-detail .linkBtn .ctaText {color: #431A80;}.modal__variant-NavPincode .pincode-mobile-dailer {display: none;}@media (min-width: 320px) and (max-width: 991px) {.modal__variant-NavPincode .pincode-mobile-dailer {display: flex;justify-content: space-between;flex-wrap: wrap;background: #FAFAFA;margin-left: -2px;}.modal__variant-NavPincode .pincode-mobile-dailer span {padding: 11px 0;flex: 0 0 32%;text-align: center;background: #fff;margin-bottom: 8px;border-radius: 4px;font-weight: 700;}.modal__variant-NavPincode .pincode-mobile-dailer span:nth-child(12) {background-color: darkgreen;color: #ffffff;font-size: 32px;padding-bottom: 0;margin-bottom: 0;padding-top: 7px;}.modal__variant-NavPincode .pincode-mobile-dailer span:nth-child(10) {background-color: darkgrey;font-size: 32px;padding: 2px 0 10px;margin-bottom: 0;}.modal__variant-NavPincode .pincode-mobile-dailer span:nth-child(10) span {background-color: transparent;color: #ffffff;font-size: 18px;border: 2px solid #fff;border-radius: 50%;padding: 0 4px;}.modal__variant-NavPincode .pincode-mobile-dailer span:nth-child(11) {margin-bottom: 0;}}@media (min-width: 992px) {.desigNcolourapp-wrap {display: none;}}@media (min-width: 320px) and (max-width: 991px) {.desigNcolourapp-wrap {display: flex;justify-content: space-between;padding: 16px 20px 16px 10px;background-color: #f4f0ff;}.desigNcolourapp-wrap--leftCT {display: flex;align-items: center;}.desigNcolourapp-wrap--leftCT .popupcloseicon {margin-right: 8px;transform: scale(0.8, 0.8);-webkit-transform: scale(0.8, 0.8);-ms-transform: scale(0.8, 0.8);-moz-transform: scale(0.8, 0.8);-o-transform: scale(0.8, 0.8);filter: brightness(0%);border: 1px solid #212121;border-radius: 50%;width: 25px;height: 25px;}.desigNcolourapp-wrap--leftCT .popupLogo {margin-right: 5px;}.desigNcolourapp-wrap p {margin: 0;font-size: 12px;font-weight: 600;}.desigNcolourapp-wrap--rightCT {display: block;text-decoration: none;color: #431a80 !important;font-size: 12px;font-weight: 600;line-height: 22px;}.desigNcolourapp-wrap--rightCT:hover, .desigNcolourapp-wrap--rightCT:visited {text-decoration: none;color: #431a80 !important;}.desigNcolourapp-wrap--rightCT span {margin-left: 5px;font-size: 14px;}}@media (min-width: 992px) {.footerdivisionWrap h3 {font-size: 18px;padding-bottom: 27px; font-family: apfontBold !important;}.footerdivisionWrap--content .divisioncards--title{font-size: 14px;padding-bottom: 12px;font-weight: 500;font-family: apfontMedium;}}@media (min-width:320px) and (max-width:991px){.hamburger-redirection-links-comp{display:block!important}}.hamburger-redirection-links-comp hr{border-top:1px solid #eee;margin-bottom:20px}@media (min-width:320px) and (max-width:991px){.hamburger-redirection-links-comp .hamburger-redirection-links{display:flex;width:100%;justify-content:space-around}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2{position:relative}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-1-heading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-2-heading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-1-heading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-2-heading{position:absolute;top:18px;left:10px;width:70%;color:#fff;font-size:22px;font-weight:700;line-height:21px}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-1-heading .subheading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-2-heading .subheading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-1-heading .subheading,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-2-heading .subheading{color:#fff;font-size:14px;font-weight:700;line-height:11px;letter-spacing:1px;text-transform:uppercase}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-1-link,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-2-link,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-1-link,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-2-link{position:absolute;top:112px;left:10px;display:flex;margin-right:15px;justify-content:space-between}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-1-link p,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-2-link p,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-1-link p,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-2-link p{width:70%;color:#fff;font-size:12px;font-weight:600;line-height:15px}.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-1-link .rightArrowWhite,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-1 .hamburger-2-link .rightArrowWhite,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-1-link .rightArrowWhite,.hamburger-redirection-links-comp .hamburger-redirection-links .hamburger-redirection-link-2 .hamburger-2-link .rightArrowWhite{width:26px;height:21px;background-position:-1100px -384px}}@media (min-width:640px) and (max-width:991px){.hamburger-redirection-links-comp .hamburger-redirection-links{width:50%}}@media (min-height:500px) and (max-height:668px){.hamburger-redirection-links-comp .hamburger-redirection-links{margin-bottom:20px}}.header-main-logo-tabs-section img {background-image: none !important;}  .ap-search-box .search-icon img{max-width: fit-content;}.minicart-cart-header .cart-items-dropdowb .iconLinks__cart{max-width: fit-content;}


.header-auto-suggest{position:relative;padding:18px 0 0}@media (min-width:320px) and (max-width:991px){.header-auto-suggest{padding:0;width:100%;position:relative;background-color:#fff;top:0}}.header-auto-suggest .textInputWrap{z-index:1040}.header-auto-suggest__container{display:none;position:absolute;z-index:1040;width:100%;background:#fff;padding-top:75px;left:0;top:0;box-shadow:0 4px 4px 1px rgba(0,0,0,.2)}@media (min-width:320px) and (max-width:991px){.header-auto-suggest__container{padding-top:55px}}.header-auto-suggest__overflow-wrap{overflow:auto;width:100%}.header-auto-suggest__default,.header-auto-suggest__results{display:flex;flex-direction:column;width:100%}.header-auto-suggest__default h3,.header-auto-suggest__results h3{padding:0 30px}.header-auto-suggest__default--list li{padding:15px 30px;border-bottom:2px solid #f8f8f8}.header-auto-suggest__default--list li:last-child{border-bottom:none}.header-auto-suggest__default--list li a.iconTextLinks{display:flex;align-items:center;color:#222;font-size:14px;font-weight:500}.header-auto-suggest__results--related,.header-auto-suggest__results--search{padding-top:20px}.header-auto-suggest__results--related-list li,.header-auto-suggest__results--search-list li{padding:0 30px}.header-auto-suggest__results--related-list li:last-child a,.header-auto-suggest__results--search-list li:last-child a{border:none}.header-auto-suggest__results--related-list li a.iconTextLinks,.header-auto-suggest__results--search-list li a.iconTextLinks{display:flex;align-items:center;color:#222}.header-auto-suggest__results--related,.header-auto-suggest__results--search{border-bottom:2px solid #f8f8f8}.header-auto-suggest__results--related-list .result-item,.header-auto-suggest__results--search-list .result-item{display:flex;justify-content:space-between;color:#222;text-decoration:none;align-items:center;padding:15px 0;border-bottom:2px solid #f8f8f8;min-height:95px}.header-auto-suggest__results--related-list .result-item__desc,.header-auto-suggest__results--search-list .result-item__desc{display:flex;flex-direction:column;font-weight:300}.header-auto-suggest__results--related-list .result-item__desc--name,.header-auto-suggest__results--search-list .result-item__desc--name{font-size:14px;font-weight:600}.header-auto-suggest__results--related-list .result-item__desc--sub-text,.header-auto-suggest__results--search-list .result-item__desc--sub-text{font-size:12px;font-weight:400}.header-auto-suggest__results--related-list .result-item__img,.header-auto-suggest__results--search-list .result-item__img{width:55px}.header-auto-suggest__results--related-list .result-item__img .imageWithTextComp .imagWithTextWrap .productImgWrap,.header-auto-suggest__results--search-list .result-item__img .imageWithTextComp .imagWithTextWrap .productImgWrap{height:60px}.header-auto-suggest__results--related-list .result-item__img .imgBlock,.header-auto-suggest__results--search-list .result-item__img .imgBlock{width:100%;height:100%}.header-auto-suggest__results--related-list .result-item__img .imgBlock img,.header-auto-suggest__results--search-list .result-item__img .imgBlock img{width:100%;height:auto;background:none}.header-auto-suggest__results--related-list .result-item__img .iconBlock,.header-auto-suggest__results--search-list .result-item__img .iconBlock{display:flex;justify-content:center}.header-auto-suggest__results--related-list .result-item__img .iconBlock .spriteIcon-Aprevamp,.header-auto-suggest__results--search-list .result-item__img .iconBlock .spriteIcon-Aprevamp{transform:scale(1.2)}.header-auto-suggest__no-results{padding:15px 35px}.header-auto-suggest__no-results h3{font-weight:600}.header-auto-suggest__no-results--alt-suggestions{padding:25px 0}.header-auto-suggest__no-results--alt-suggestions h4{font-weight:600;font-size:14px}.header-auto-suggest__no-results--alt-suggestions .alt-suggest-wrap{display:flex;flex-wrap:wrap;margin-top:20px}.header-auto-suggest__no-results--alt-suggestions .alt-suggest{border:1px solid #f3ebff;padding:5px 10px;min-width:75px;display:inline-block;text-align:center;margin-right:15px;margin-bottom:15px;font-size:14px;color:#431a80;background:#faf8ff;text-decoration:none}.header-auto-suggest__no-results--alt-suggestions .alt-suggest:first-child{margin-left:0}.header-auto-suggest .close-search--main{display:none}.header-auto-suggest.header-auto-suggest--active .textInputWrap{z-index:1045}.header-auto-suggest.header-auto-suggest--active .header-auto-suggest__container{display:flex}@media (min-width:320px) and (max-width:991px){.header-auto-suggest.header-auto-suggest--active .searchSpriteIcon{background-position:-865px -316px;width:17px;height:15px}.header-auto-suggest.header-auto-suggest--active .textInputWrap{border:none;background:#f8f8f8;align-items:center}.header-auto-suggest.header-auto-suggest--active .textInputWrap input{background:transparent;padding-left:15px}.header-auto-suggest.header-auto-suggest--active .close-search--main{display:block}}.imageWithTextComp .imagWithTextWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap{position:relative}.imageWithTextComp .imagWithTextWrap .productImgWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap{overflow:hidden;border-top-right-radius:15px;height:240px}@media (min-width:320px) and (max-width:575px){.imageWithTextComp .imagWithTextWrap .productImgWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap{height:135px;border-top-right-radius:12px}}@media (min-width:991px) and (max-width:1200px){.imageWithTextComp .imagWithTextWrap .productImgWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap{height:180px;width:180px}}@media (min-width:320px) and (max-width:991px){.imageWithTextComp .imagWithTextWrap .productImgWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap{height:140px;max-width:140px}}@media (min-width:576px) and (max-width:767px){.imageWithTextComp .imagWithTextWrap .productImgWrap,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap{height:180px;max-width:180px;border-top-right-radius:12px}}.imageWithTextComp .imagWithTextWrap .productImgWrap img,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .productImgWrap img{width:100%;height:100%}.imageWithTextComp .imagWithTextWrap .producttag,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .imagWithTextWrap .producttag{position:absolute;top:-8px;left:-10px;background:#431a80;width:auto;font-size:10px;line-height:9px;padding:4px;border-radius:4px;border:1px solid #431a80;color:#fff;text-align:center}.imageWithTextComp .productDec,.sinceYouLikedWrap .productColorGoesWellCarousel .productItem .imageWithTextComp-variant2 .productDec{margin-top:14px}.imageWithTextComp .productDec h3,.imageWithTextComp .productDec p{width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:320px) and (max-width:991px){.imageWithTextComp .productDec h3,.imageWithTextComp .productDec p{width:45px}}.imageWithTextComp .productDec h3{margin:0;margin-top:4px}.imageWithTextComp .productDec>p{margin:0}.imageWithTextComp-variant2 .productImgWrap{background-color:#041f56}.imageWithTextComp-variant2 .productImgWrap img{width:100%}.imageWithTextComp-variant2 .productDec h3,.imageWithTextComp-variant2 .productDec p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.imageWithTextComp-variant2 .productDec h3{margin:0}.imageWithTextComp-variant2 .productDec>p{margin:0;text-transform:uppercase}@media (min-width:320px) and (max-width:767px){.imageWithTextComp-variant2 .productDec>h3,.imageWithTextComp-variant2 .productDec>p{font-size:12px}}.search-modal .dealer-page{box-sizing:border-box;display:flex;padding:20px 0 10px 28px;gap:69px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page{display:flex;padding:13px 0 10px;gap:50px;flex-direction:column}}.search-modal .dealer-page .dealer-list{box-sizing:border-box;flex:2;display:flex;flex-direction:column;row-gap:15px}.search-modal .dealer-page .dealer-list #dealer-container{display:flex;flex-direction:column;gap:15px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page .dealer-list #dealer-container{width:98%}}.search-modal .dealer-page .dealer-list #dealer-container .display-card{display:flex;border-radius:10px;border:1px solid #e4e4e4;padding:11px 8px 15px;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page .dealer-list #dealer-container .display-card{padding:11px 8px 10px}}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .business-name{font-weight:700;font-size:12px;line-height:16px;letter-spacing:0;color:#232426;margin-bottom:11px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .address{font-weight:400;font-size:11px;line-height:16.8px;letter-spacing:0;color:#75787b;margin-bottom:13px;display:flex;align-items:center;gap:5px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .phone{margin-bottom:0;display:flex;gap:5px}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-left .phone a{font-weight:400;font-size:12px;line-height:16.8px;letter-spacing:0;color:#75787b;text-decoration:none}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right .label{padding:2px 5.5px;border-radius:6px;background-color:#eaf8f0;font-weight:400;font-size:10px;line-height:16.8px;color:#232426}.search-modal .dealer-page .dealer-list #dealer-container .display-card .card-right .icon-group{display:flex;gap:10px}.search-modal .dealer-page .dealer-list .explore-link{font-weight:700;font-size:12px;line-height:100%;letter-spacing:0;color:#f47838;text-decoration:none}.search-modal .dealer-page .contractor-promo .video-thumbnail img{width:350px;height:390px;border-radius:10px;margin-left:69px}.search-modal .video-wrapper{position:relative;width:350px;height:390px}@media (min-width:320px) and (max-width:350px){.search-modal .video-wrapper{width:300px}}@media (min-width:351px) and (max-width:370px){.search-modal .video-wrapper{width:316px}}@media (min-width:371px) and (max-width:991px){.search-modal .video-wrapper{width:340px}}.search-modal .video-wrapper .dealer-video{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.search-modal .video-wrapper .video-overlay-text{position:absolute;bottom:0;left:0;width:100%;padding:0;color:#fff;padding:22px}.search-modal .video-wrapper .video-overlay-text h3{font-weight:800;font-size:36px;line-height:34px;letter-spacing:.75px;color:#fcfcfc;margin-bottom:4px}.search-modal .video-wrapper .video-overlay-text p{font-weight:400;font-size:24px;line-height:36px;letter-spacing:-.25px;color:#fcfcfc;margin-bottom:4px}.search-modal .dealer-page-contractor{box-sizing:border-box;display:flex;padding:20px 0 10px 28px;gap:59px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor{display:flex;padding:13px 0 10px;gap:50px;flex-direction:column}}.search-modal .dealer-page-contractor .dealer-list{box-sizing:border-box;flex:2;display:flex;flex-direction:column;row-gap:15px}.search-modal .dealer-page-contractor .dealer-list #contractor-container{display:flex;flex-direction:column;gap:15px}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container{width:98%}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card{display:flex;border-radius:10px;border:1px solid #e4e4e4;padding:11px 8px 15px;justify-content:space-between}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card{padding:11px 8px 10px;justify-content:space-between}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-image{width:68px;height:68px;border-radius:5px;overflow:hidden}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-image img{width:100%;height:100%}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left{margin-left:14px;flex:1}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .business-name{font-weight:700;font-size:12px;line-height:24px;letter-spacing:0;color:#222;margin-bottom:0}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .address{font-weight:400;font-size:12px;line-height:20px;letter-spacing:0;color:#75787b;margin-bottom:11px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary{display:flex;align-items:center;gap:.4rem}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .star-icon{font-size:14px;color:#f5b400}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .rating-value{font-weight:700;font-size:12px;line-height:16px;color:#232426}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .review-count{font-weight:400;font-size:12px;line-height:16.8px;color:#75787b;margin-left:8px;position:relative}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-left .rating-summary .review-count:after{content:"";height:18px;width:1px;display:block;border:1px solid;background:#848080;position:absolute;top:0;transform:translate(-7px)}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right{display:flex;align-items:flex-end}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .label{height:21px;width:71px;padding:6px 12px;border-radius:6px;gap:10px;background-color:#eaf8f0;font-weight:400;font-size:10px;line-height:16.8px;letter-spacing:0;color:#232426;margin-top:8px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group{display:flex;gap:10px}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph{position:relative}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip{background-color:#fff;border:1px solid #ccc;padding:12px;width:200px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;text-align:center;transform:translateX(-50%);opacity:0;transition:opacity .3s;height:auto;bottom:-55px;display:none}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip:after{content:"";position:absolute;top:-6px;left:58%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip:before{content:"";position:absolute;top:-8px;left:58%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ccc}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .tooltip{display:none}}.search-modal .dealer-page-contractor .dealer-list #contractor-container .display-card .card-right .icon-group .ph .icon-img:hover+.tooltip{opacity:1;display:block}.search-modal .dealer-page-contractor .dealer-list .explore-link{font-weight:700;font-size:12px;line-height:100%;letter-spacing:0;color:#f47838;text-decoration:none}.search-modal .dealer-page-contractor .contractor-promo{position:relative;width:350px;height:390px}@media (min-width:320px) and (max-width:350px){.search-modal .dealer-page-contractor .contractor-promo{width:300px}}@media (min-width:351px) and (max-width:370px){.search-modal .dealer-page-contractor .contractor-promo{width:316px}}@media (min-width:371px) and (max-width:991px){.search-modal .dealer-page-contractor .contractor-promo{width:340px}}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail{position:relative;width:100%;height:100%}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content{position:absolute;color:#fcfcfc;top:69px;padding:0 30px}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content h3{font-weight:800;font-size:42px;line-height:37px;letter-spacing:0;color:#4e422e;margin-bottom:4px}.search-modal .dealer-page-contractor .contractor-promo .video-thumbnail .overlay-content p{font-weight:400;font-size:16px;line-height:36px;letter-spacing:-.25px;color:#4e422e;margin-bottom:7px}.search-modal .dealer-page-contractor .dealer-list,.search-modal .dealer-page .dealer-list{position:relative}.search-modal .dealer-page-contractor .dealer-list .loader-icon,.search-modal .dealer-page .dealer-list .loader-icon{display:inline-block;animation:bounce 1.5s infinite ease-in-out;position:absolute;top:30%;left:35%;z-index:1}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .loader-icon,.search-modal .dealer-page .dealer-list .loader-icon{top:30%;left:32%}}.search-modal .dealer-page-contractor .dealer-list .explore-dealers-error,.search-modal .dealer-page .dealer-list .explore-dealers-error{position:absolute;top:43%;left:40%;transform:translate(-50%,-50%)}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .explore-dealers-error,.search-modal .dealer-page .dealer-list .explore-dealers-error{transform:translate(-42%,58%)}}.search-modal .dealer-page-contractor .dealer-list .explore-contractors-error,.search-modal .dealer-page .dealer-list .explore-contractors-error{position:absolute;left:36%;top:43%;transform:translate(-36%,-50%)}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .dealer-list .explore-contractors-error,.search-modal .dealer-page .dealer-list .explore-contractors-error{left:34%;transform:translate(-33%,58%)}}.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:focus,.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:hover,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:focus,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:hover{color:#232426!important;background:#fdbf45!important;border:none!important}.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:focus .arrow:after,.search-modal .dealer-page-contractor .contractor-promo .animated-btn-yellow .animated-arrow-button:hover .arrow:after,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:focus .arrow:after,.search-modal .dealer-page .contractor-promo .animated-btn-yellow .animated-arrow-button:hover .arrow:after{filter:invert(1)}.search-modal .dealer-page-contractor .display-card .card-right .share-icons,.search-modal .dealer-page .display-card .card-right .share-icons{position:relative;cursor:pointer}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper{background-color:#fff;border:1px solid #ccc;padding:12px;width:200px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;text-align:center;transform:translateX(-50%);opacity:0;transition:opacity .3s;height:auto;bottom:-55px;bottom:unset;width:auto;text-align:start;padding:10px 14px;left:3px;top:43px}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper:after,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper:after{content:"";position:absolute;top:-6px;left:58%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper:before{content:"";position:absolute;top:-8px;left:58%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ccc}@media (min-width:320px) and (max-width:991px){.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper{width:min-content}}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper.clickedShareicon,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper.clickedShareicon{display:block!important;opacity:1!important}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li{margin-bottom:4px;padding:0}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold{margin:0;display:flex}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold:before{content:"";left:-3px;top:-6px;position:relative}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.wpIco:before,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.wpIco:before{background-position:-516px -295px}.search-modal .dealer-page-contractor .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.prIco,.search-modal .dealer-page .display-card .card-right .share-icons .shareicons-wraper li .spriteIcon-Firstfold.prIco{background-position:-589px -295px}#unified-search-popup .modal-dialog,.search-modal #unified-search-popup .modal-dialog{min-width:min-content}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}
.embeddedServiceHelpButton{position:fixed;z-index:1036;font-family:sans-serif}.embeddedServiceHelpButton .helpButton .uiButton{font-family:Arial,sans-serif;padding:0;margin:0;height:56px;box-shadow:0 0 12px 0 rgba(0,0,0,.5);border-radius:23px;background:#431a80;font-size:.875em;color:#fff;font-weight:400;text-shadow:none;font-family:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#01c150;background:linear-gradient(180deg,#00c853,#03953f)}@media (min-width:320px) and (max-width:991px){.embeddedServiceHelpButton .helpButton .uiButton{height:38px}}@media (min-width:320px) and (max-width:991px){.embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton,.embeddedServiceHelpButton .helpButton{position:fixed;bottom:95px;right:20px;height:auto!important}}@media (min-width:320px) and (max-width:991px){html[lang=en] .embeddedServiceHelpButton .helpButton{bottom:30px!important}}.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:focus:before,.embeddedServiceHelpButton .helpButton .helpButtonEnabled.no-hover:hover:before{display:none}@media only screen and (min-width:48em){.embeddedServiceHelpButton{background-color:transparent}.embeddedServiceHelpButton.embeddedServiceBottomTabBar .helpButton,.embeddedServiceHelpButton .helpButton{position:fixed;bottom:50px;right:40px;transform:scale(1)}.embeddedServiceHelpButton .helpButton .uiButton,.embeddedServiceHelpButton .helpButton .uiButton:focus:before,.embeddedServiceHelpButton .helpButton .uiButton:hover:before{border-radius:8px 8px 0 0}}.embeddedServiceHelpButton .uiButton{min-width:8em;border:0}.embeddedServiceHelpButton .uiButton .helpButtonLabel{flex-grow:1;line-height:normal;display:none!important}.embeddedServiceHelpButton .helpButton .uiButton{min-width:56px;border-radius:10px!important}.embeddedServiceHelpButton .helpButton .uiButton:hover:before{border-radius:10px}@media (min-width:320px) and (max-width:991px){.embeddedServiceHelpButton .helpButton .uiButton{min-width:38px;border-radius:10px!important}}.embeddedServiceHelpButton .embeddedServiceIcon{z-index:1;display:inline-block!important;margin-right:0;line-height:1!important}.embeddedServiceHelpButton div[dir=rtl] .embeddedServiceIcon{margin-left:10px;margin-right:auto}.embeddedServiceHelpButton .embeddedServiceIcon:before{font-family:embeddedserviceiconfont;font-size:30px;content:attr(data-icon);speak:none;text-rendering:auto;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:embeddedserviceiconfont;src:url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBhEAAAC8AAAAYGNtYXAXVtKTAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZpeJH/UAAAF4AAAJOGhlYWQIkke3AAAKsAAAADZoaGVhB8AD0gAACugAAAAkaG10eDoBAxcAAAsMAAAARGxvY2EN6BEGAAALUAAAACRtYXhwABYAfQAAC3QAAAAgbmFtZZlKCfsAAAuUAAABhnBvc3QAAwAAAAANHAAAACAAAwPbAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qz//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEACkADQPZA3EAIAAsADgARAAAASIOAhUUFhceAQ8BBhY/ATYWFx4BMz4DNS4DIwMiJjU0NjMyFhUUBjMiJjU0NjMyFhUUBjMiJjU0NjMyFhUUBgIAYqx/Sh8aBQIDPQQSDKkIEQk1fURhqoBKAUuArGHsIS4uISAuLswgLy8gIC8vzCAuLiAhLi4DcUR1nVk4ai8HEQmoCxEDQQMDBB4hAUR1nVpbn3VE/gAvICAvLyAgLy8gIC8vICAvLyAgLy8gIC8AAQAzAHsD0QMFABgAACUBJjQ/ATYyHwEWMjcBNjIfARYUBwEGIicBeP67CQksCBoJ9AYSBgHeCRoILAkJ/dIIGgl7AUcJGQksCAj3BQUB4wkJKwkaCf3NCgoAAAABAJ4AXANiAyIAMAAACQE2NC8BJiIHAQYiJwEmIg8BBhQXARYUBwEGFB8BFjI3ATYyFwEWMj8BNjQnASY0NwJiAQAJCScJFwn+/gYQBv7+CRcJKQkJAQEGBv79CQkpCRcJAQIGEAYBAgkXCSkJCf8ABQUBzAECCRcJKQkJ/v8GBgEDCQkpCRcJ/v4GEAb+/AkXCSkJCQECBQX+/gkJKQkXCQECBhAGAAACAC//7wPRA5MAFgAtAAABITI2LwE3NjQvASYGDwEnJgYVERQWMwchIgYfAQcGFB8BFjI/ARcWNjURNCYjAkcBLw8HDGCxBwdJCBUJsWQMGhYKjv7RDwcMYLEHB0kIFQmzZAsZFgoB6RoMYrMIFghJBgEHsWAMBw/+0QoUUBoMYrMIFghJBwezYA0GDwEtChgAAAAAAwAAADYEAAM2ABAAPQBNAAATITI2NRE0JisBIgYVERQWMwEmBhURFAYjISImNRE0JgcOARURFBYzITIWFRQWOwEyNjU0NjMhMjY1ETQmJwEhMjY1ETQmKwEiBhURFBa7AQAMEisU3wwREQwDDgkPEQz82AwREwkWHS4hAUUMERIMYgwSEQwBRSEuGB/+fAEADBERDN8WKRIBDxEMAc8ZIhIL/hMMEQHNAw0K/hYMEhIMAegKDAQLLBz+OyAvEQwMEhIMDBEvIAHFHzAI/jMRDAHtCxIiGf4xDBEAAAEAJ//nA9kAXgAPAAAlFAYjISImPQE0NjMhMhYVA9kSDPyKDBISDAN2DBIFDBISDDsMEhIMAAAAAgAn/+cD2QOZACQATQAAASEiBh0BFBY7ATIWBwEGFB8BFjI3ATYWHQEUFjsBMjY1ETQmIwMHDgEdARQGIyEiJjURNDY7ATI2PwE2JiMhIgYVERQWMyEyNjURNCYHA7/+iAwUEw2bDgsL/rEICCoJFwkBTwkWFAw5DBIODPRDCQkSC/5iDBERDOMLFwdDCQoN/nogLy8gAiggLhgJA5kODDsMFhYJ/rEJFwkqCAgBTwkJDpsMFhYMAXYND/4xRQkVC+EMEREMAZ4LEgkJQwkYLiD92CAvLyABhg0KCQAAAAAEAM0ArAMzAugADwAcAC0AOQAAASEyNi8BLgErASIGDwEGFhciBhUUFjMyNjU0JiM3ISIGFREUFjMhMjY1ETQmIwMiJjU0NjMyFhUUBgFxAR4HBQMiCB4SfBIeCCIDBZYiMDAiIjAwIvb+FBkkJBkB7BkkJBn2O1RUOztUVAKDCgU0EBISEDQFCrkwIiExMSEiMHskGf7hGSQkGQEfGST+pFQ7O1VVOztUAAAAAQBNAA0DswNxAFYAAAEjIgYdARQGJy4BJy4DBw4BBw4DBwYeAhceAzMyNjc+AS8BLgEHDgEnLgEnLgM3PgE3PgEzMhYXHgEXFgYrASIGHQEUFjMhMjY1ES4BIwOUOwwSDQsECQYlWGBoNSVGHy1HMBoBAQ8dKxweRExTKkyKOAoBCSkIFwk1ikkTJhEqPiMHDAQRCiqHTTttKQcMBQQRDYoMEQ8MAWkKDwESDANxEQyKDQoJBgkFJTQdBAoHHRUeTFliNChOS0MdHzAgETMvCRoJKQcCBywhEgQRChpJVl8xEyYSSE4uKQYOCAsMEgw9DA8PCgFnDBEAAAAAAf/+AF4EAAMkADYAAAE+ATMyFhc+ATMyHgIVFA4CIyImJw4BIyImJw4BIyImJw4BIyImNTQ2Ny4BNTQ+AjMeARcBqxlDJjNTGBUsFy5ROyMjO1EuCxYKFUsuEyMRFFs6O18TCRIJR2QuJwgIHzZIKjRTGgLWGR4zKgkLIztRLi1RPCICAiUuCAgxPUI2AgJkRy9PFhEpFShINR8BKiMAAAIAKf/vA9EDlwAeADIAACUBPgEnLgMnJg4CFx4DFxY2NwEWMj8BNjQnATQ+AjMyHgIVFA4CIyIuAgPR/vgoJQoJOlhyQFebcTwJBjZVbz9MijgBBgkYCCoJB/zNKEVcNTRcRigoRlw0NVxFKEQBBjiKTD9vVTYGCTxxnFg/clg7CQolKP76CQkqCBoJAeA1XEUoKEVcNTRcRigoRVwAAAABAAz/xQPrA7sAGAAAEz4BNyU2NCclIiYnAyY2FwEWFAcBBiY3E14DIQ0BrQoK/lMNIQNSBigWA6cVFfxZFigGUgFaDCACKwERAjccDAFqGB8M/icLMAv+KQwfGAFqAAADAFP/6QOvA5cACwBmAHoAAAEiBhUUFjMyNjU0JgEnPgE1NCYnNz4BLwEuASMiBg8BLgEvAS4BKwEiBg8BDgEHJy4BIyIGDwEGFh8BDgEVFBYXBw4BHwEeATMyNj8BHgEfAR4BOwEyNj8BPgE3Fx4BMzI2PwE2JicFIi4CNTQ+AjMyHgIVFA4CAgI6UFA6OlBQAWRJAwMDA0kRCgwfCR8RBgwEWxo7HxAEJRg/FyUFDyE7GlsGCgYRHwkfDAgTSQMDAwNJEQoMHwkfEQYMBFsaOx8QBCMZQBclBBAiPhpVBgwGER8JHQ4KEf5iLU87IiI7Ty0tTzsiIjtPAkhQOjpQUDo6UP76PRAjEBAjED0PLxU3DxACAiEYIQpcGBoaGFoLIhYhAgIQDzcVLw89ECMQEiEQPQ8vFTcPEAICIRghCl4YHiAXXwwkGSIBAxEPMxAuD10iO08tLU87IiI7Ty0tTzsiAAEAAAAAAADfFRLJXw889QALBAAAAAAA0rsBnQAAAADSuwGd//7/xQQAA7sAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAD//gAABAAAAQAAAAAAAAAAAAAAAAAAABEEAAAAAAAAAAAAAAACAAAABAAAKQQAADMEAACeBAAALwQAAAAEAAAnBAAAJwQAAM0EAABNBAD//gQAACkEAAAMBAAAUwAAAAAACgAUAB4AgACuAQIBTAG6AdYCRgKcAxoDagO6A+oEnAABAAAAEQB7AAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype")}.footer_unification{padding:0}.footer_unification .public_notice{background:#1d1d1f;height:73px;padding-left:5px}@media (min-width:320px) and (max-width:991px){.footer_unification .public_notice{height:auto;padding-left:20px}}.footer_unification .public_notice .public_notice_title{color:#b0b1b3;font-size:13px;font-weight:700;padding-left:0}@media (min-width:320px) and (max-width:991px){.footer_unification .public_notice .public_notice_title{color:#fff;display:flex;width:100%;align-items:center;justify-content:space-between;cursor:pointer}}@media (min-width:1200px) and (max-width:1280px){.footer_unification .public_notice .public_notice_title{padding-left:22px}}@media (min-width:1366px) and (max-width:1400px){.footer_unification .public_notice .public_notice_title{padding-left:15px}}@media (min-width:320px) and (max-width:991px){.footer_unification .public_notice .public_notice_title.down_arrow:after{margin-top:6px}}@media (min-width:320px) and (max-width:991px){.footer_unification .public_notice .public_notice_title.down_arrow:after,.footer_unification .public_notice .public_notice_title.up_arrow:after{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/footer/arrow-down-thin-icon.svg) no-repeat;height:16px;width:19px;display:block}.footer_unification .public_notice .public_notice_title.up_arrow:after{transform:rotate(180deg);margin-top:-12px;margin-right:8px}}.footer_unification .public_notice .public-notice-content{color:#b0b1b3;font-size:12px;font-weight:500;line-height:18px;margin-left:-20px}@media (min-width:320px) and (max-width:991px){.footer_unification .public_notice .public-notice-content{margin-left:0;display:none}}.footer_unification .public_notice .public-notice-content a{text-decoration:underline}.footer_unification .foooter-content-panel{padding:40px;background-color:#000}@media (device-width:1024px) and (device-height:1366px) and (orientation:portrait){.footer_unification .foooter-content-panel .footer-ap-contact-section{display:flex;column-gap:95px}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel{display:block;padding:40px 16px 30px 15px}}@media (device-width:1024px) and (device-height:768px) and (orientation:landscape){.footer_unification .foooter-content-panel .c-2{flex:0 0 35.666667%!important;max-width:35.666667%!important}}@media (device-width:1059px) and (device-height:744px) and (orientation:landscape){.footer_unification .foooter-content-panel .c-2{flex:0 0 35.666667%!important;max-width:35.666667%!important}}@media (min-width:768px) and (max-width:1180px){.footer_unification .foooter-content-panel .c-2{flex:0 0 31.666667%;max-width:31.666667%}}@media (device-width:1024px) and (device-height:768px) and (orientation:landscape){.footer_unification .foooter-content-panel .c-4{flex:0 0 35.666667%!important;max-width:35.666667%!important}}@media (device-width:1059px) and (device-height:744px) and (orientation:landscape){.footer_unification .foooter-content-panel .c-4{flex:0 0 35.666667%!important;max-width:35.666667%!important}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-us-title{margin-bottom:11px}}@media (min-width:992px){.footer_unification .foooter-content-panel .contact-us-title{margin-left:28px}}@media (device-width:1024px) and (device-height:1366px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-us-title{margin-left:-50px}}@media (min-width:992px){.footer_unification .foooter-content-panel .contact-section{margin-left:28px}}@media (device-width:1024px) and (device-height:1366px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section{margin-left:-50px}}.footer_unification .foooter-content-panel .contact-section .textCompLink{font-size:13px;font-weight:400;color:#a7a7a7;border:none}.footer_unification .foooter-content-panel .contact-section .textCompLink:hover{color:#a7a7a7;border-bottom:none}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .textCompLink{font-size:12px;font-weight:500;margin:0}}.footer_unification .foooter-content-panel .contact-section .contactSec{width:100%}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .contactSec{width:36%;display:inline-block}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section .contactSec{width:100%;margin-bottom:5px}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section .contactSec{width:100%;margin-bottom:5px}}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .contact-section .contactSec{width:100%}}.footer_unification .foooter-content-panel .contact-section .contactSec:after{display:none}.footer_unification .foooter-content-panel .contact-section .contactSec .contactno{margin-top:0}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .contactSec .contactno{font-size:11px;margin-right:6px}}@media (device-width:1024px) and (device-height:1366px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section .contactSec .contactno{margin-right:0}}.footer_unification .foooter-content-panel .contact-section .contactSec img{margin-top:-5px}.footer_unification .foooter-content-panel .contact-section .emailSec{width:100%;color:#a7a7a7;margin-left:0;display:flex;column-gap:5px;margin-top:5px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .emailSec{width:50%;align-items:center;margin-top:0}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section .emailSec{justify-content:flex-start}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .contact-section .emailSec{justify-content:flex-start}}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .contact-section .emailSec{width:100%;margin-left:0;margin-top:9px;display:flex;align-items:center;justify-content:flex-start}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .emailSec .textCompLink{font-size:11px;padding-bottom:0}}@media (min-width:992px){.footer_unification .foooter-content-panel .contact-section .emailSec .textCompLink{margin-top:4px}}.footer_unification .foooter-content-panel .contact-section .emailSec img{margin-top:-1px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .contact-section .emailSec img{margin-top:-5px}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .newsCta{display:block}}.footer_unification .foooter-content-panel .newsCta input{color:#fff;border:1px solid #2f2f2f;background:#2f2f2f;width:240px;height:40px;border-radius:4px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .newsCta input{width:100%;margin-bottom:15px}}@media (min-width:991px) and (max-width:1200px){.footer_unification .foooter-content-panel .newsCta input{width:220px}}@media (min-width:1201px) and (max-width:1280px){.footer_unification .foooter-content-panel .newsCta input{width:211px}}.footer_unification .foooter-content-panel .newsCta .ctaText{border-radius:45px;border:1px solid #fff;color:#fff;background-color:transparent;display:flex;height:38px;font-size:14px;font-weight:700;margin-left:8px;padding:4px 19px;align-items:center}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .newsCta .ctaText{margin-left:2px}}.footer_unification .foooter-content-panel .newsCta .ctaText:after{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg) no-repeat;width:17px;height:17px;filter:contrast(10000%);transition:all .2s ease-in;margin-left:5px}.footer_unification .foooter-content-panel .newsCta .ctaText:focus,.footer_unification .foooter-content-panel .newsCta .ctaText:hover{color:#1e1e1e;border:1px solid transparent;background:var(--gradient,linear-gradient(180deg,#fec940,#f90))}.footer_unification .foooter-content-panel .newsCta .ctaText:focus:after,.footer_unification .foooter-content-panel .newsCta .ctaText:hover:after{filter:invert(1);transition:all .2s ease-in;-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-ms-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px)}.footer_unification .foooter-content-panel .error{font-size:12px;color:#ed1c24}.footer_unification .foooter-content-panel .storeCta{flex-wrap:wrap}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .storeCta{display:block}}.footer_unification .foooter-content-panel .storeCta input{color:#fff;border:1px solid #2f2f2f;background:#2f2f2f;width:240px;height:40px;border-radius:4px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .storeCta input{width:100%;margin-bottom:15px}}@media (min-width:991px) and (max-width:1200px){.footer_unification .foooter-content-panel .storeCta input{width:189px}}@media (min-width:1201px) and (max-width:1400px){.footer_unification .foooter-content-panel .storeCta input{width:auto}}.footer_unification .foooter-content-panel .storeCta .ctaText{border-radius:45px;border:1px solid #fff;color:#fff;background-color:transparent;display:flex;height:38px;font-size:14px;font-weight:700;margin-left:8px;padding:4px 19px;align-items:center}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .storeCta .ctaText{margin-left:2px}}.footer_unification .foooter-content-panel .storeCta .ctaText:after{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global/resources/images/arrow-icon.svg) no-repeat;width:17px;height:17px;filter:contrast(10000%);transition:all .2s ease-in;margin-left:5px}.footer_unification .foooter-content-panel .storeCta .ctaText:focus,.footer_unification .foooter-content-panel .storeCta .ctaText:hover{color:#1e1e1e;border:1px solid transparent;background:var(--gradient,linear-gradient(180deg,#fec940,#f90))}.footer_unification .foooter-content-panel .storeCta .ctaText:focus:after,.footer_unification .foooter-content-panel .storeCta .ctaText:hover:after{filter:invert(1);transition:all .2s ease-in;-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-ms-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px)}.footer_unification .foooter-content-panel .footer-logo img{margin-bottom:10px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .footer-logo img{margin-bottom:0;margin-top:0}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .footer-logo img{margin-bottom:5px}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .footer-logo img{margin-bottom:5px}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec{display:inline-block;float:right}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .countrySec{float:inline-start}}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .countrySec{float:none}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .countrySec{float:inline-start}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec .countryLabel{display:none}}.footer_unification .foooter-content-panel .countrySec .selectedCountry{border-bottom:none;margin-top:6px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec .selectedCountry{padding-top:0;padding-bottom:0}}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .countrySec .selectedCountry .iconTextLinks__text{flex:1}}.footer_unification .foooter-content-panel .countrySec .country{border:1px solid #2f2f2f;background:#2f2f2f;width:200px;height:40px;border-radius:4px;padding:0 10px;color:#fff;display:flex;align-items:center}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec .country{width:140px}}.footer_unification .foooter-content-panel .countrySec .country .indian-flag{background:url(../../../etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/footer/indian-flag.svg);width:25px;height:16px;display:flex;background-repeat:no-repeat;overflow:hidden;background-position:50%}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec .country .indian-flag{width:18px;height:12px}}.footer_unification .foooter-content-panel .countrySec .country:hover{color:#fff}.footer_unification .foooter-content-panel .countrySec .country .arrowDown{background-image:none}.footer_unification .foooter-content-panel .countrySec .country .arrowDown:before{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/footer/arrow-down-thin-icon.svg) no-repeat;height:16px;width:19px;display:block;margin-left:80px;margin-top:7px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .countrySec .country .arrowDown:before{margin-left:0}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .countrySec .country .arrowDown:before{margin-left:50px}}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .countrySec .country .arrowDown:before{margin-left:0}}.footer_unification .foooter-content-panel .countrySec .country .arrowUp{background-image:none}.footer_unification .foooter-content-panel .countrySec .country .arrowUp:before{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/footer/arrow-down-thin-icon.svg) no-repeat;height:16px;width:19px;display:block;margin-left:80px;margin-top:7px}@media (min-width:768px) and (max-width:1100px){.footer_unification .foooter-content-panel .countrySec .country .arrowUp:before{margin-left:0}}.footer_unification .foooter-content-panel .countrySec #country.open{margin-left:0}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .countrySec ul{width:auto}.footer_unification .foooter-content-panel .countrySec ul .countryName{width:117px}}@media (min-width:1280px) and (max-width:1367px){.footer_unification .foooter-content-panel .countrySec #country .countryName{width:150px!important}}@media (min-width:1200px) and (max-width:1280px){.footer_unification .foooter-content-panel .countrySec #country{width:102%}.footer_unification .foooter-content-panel .countrySec #country ul{width:max-content}.footer_unification .foooter-content-panel .countrySec #country ul .countryName{width:135px}}.footer_unification .foooter-content-panel h5{color:#fff;font-weight:800;font-size:16px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel h5{font-weight:700;font-size:13px}}.footer_unification .foooter-content-panel .color-line{border-top:1px solid #4d4d4d;margin-top:40px;display:block!important}.footer_unification .foooter-content-panel .color-line.mob-only{display:none}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .color-line.mob-only{display:block}}.footer_unification .foooter-content-panel .footerAccordion{color:#fff;font-size:16px;font-weight:800;font-family:apFontExtraBold;margin-bottom:10px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .footerAccordion{background:#000;font-size:13px;font-weight:700;border:none}}@media (min-width:320px) and (max-width:767px){.footer_unification .foooter-content-panel .footerAccordion .down-arrow{float:right;font-size:16px;display:inline-block}.footer_unification .foooter-content-panel .footerAccordion .down-arrow:before{content:"";background:url(../../../apps/apcolourcatalogue/clientlibs/clientlib-global-unification/resources/images/footer/arrow-down-thin-icon.svg) no-repeat;height:16px;width:19px;display:block;transform:rotate(0deg)}}.footer_unification .foooter-content-panel .footerAccordion .down-arrow.minus{transform:rotate(180deg)}.footer_unification .foooter-content-panel .panel li a{color:#a7a7a7;font-size:14px;font-weight:500;line-height:27px;font-family:apFontMedium}.footer_unification .foooter-content-panel .panel li a:focus,.footer_unification .foooter-content-panel .panel li a:focus-visible{margin:1px;outline-offset:unset}.footer_unification .foooter-content-panel .logoImages{margin-top:10px}.footer_unification .foooter-content-panel .logoImages .logoLabel{display:block;font-size:16px;font-weight:800;color:#fff;padding-bottom:15px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .logoImages .logoLabel{font-size:13px;font-weight:700;padding-bottom:0}}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap{justify-content:flex-start}}.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-appStore{width:139px;height:41px;display:block;margin-right:8px;color:#fff}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-appStore{width:112px;height:35px;display:block}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-appStore{width:112px;height:35px;display:block}}@media (min-width:768px) and (max-width:845px){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-appStore{width:125px;height:35px}}.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-appStore img{width:100%;height:100%}.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-playStore{color:#fff}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-playStore img{width:112px;height:35px;display:block}}@media (device-width:820px) and (device-height:1180px) and (orientation:portrait){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-playStore img{width:112px;height:35px;display:block}}@media (min-width:768px) and (max-width:845px){.footer_unification .foooter-content-panel .logoImages .logoImagesLinks__wrap .img-playStore img{width:125px;height:35px}}.footer_unification .foooter-content-panel .social-icons .socialIconLabel{display:block;font-size:16px;font-weight:800;color:#fff;margin-bottom:15px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .social-icons .socialIconLabel{font-size:13px;font-weight:700}}.footer_unification .foooter-content-panel .social-icons a{height:20px;width:20px;color:#fff}.footer_unification .foooter-content-panel .social-icons a:not(:last-child){margin-right:28px}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .social-icons a:not(:last-child){margin-right:30px}}.footer_unification .foooter-content-panel .social-icons a img{width:100%;height:100%}.footer_unification .foooter-content-panel .allRightsReserved{color:#a7a7a7!important;font-size:14px;font-weight:400;padding-top:10px;transform:translateY(17px)}@media (min-width:320px) and (max-width:991px){.footer_unification .foooter-content-panel .allRightsReserved{transform:none}}.inactive{opacity:.5}footer.parallax-back-color{background-color:#f8f8f8}.public_notice{margin-bottom:0;background:#f8f8f8;padding:10px 30px;display:flex;align-items:center}.public_notice .read_more_btn{display:none}@media (min-width:320px) and (max-width:991px){.public_notice{display:block}.public_notice .read_more_btn{display:inline-block;text-decoration:underline}}.public_notice span{display:inline-block}.public_notice .public_notice_title{color:#431a80;padding:12px 16px;border-radius:10px;width:235px;font-weight:600;text-align:center;white-space:nowrap;font-size:20px}@media (min-width:320px) and (max-width:991px){.public_notice .public_notice_title{font-size:14px;width:140px;padding:0;text-align:justify}}@media (min-width:1201px) and (max-width:1440px){.public_notice .public_notice_title{padding:22px 16px}}.public_notice .public_notice_slash{font-size:50px;margin-bottom:7px}@media (min-width:320px) and (max-width:991px){.public_notice .public_notice_slash{display:none}}.public_notice .public_notice_text{margin-left:15px}.public_notice .public_notice_text .dots{display:none}.public_notice .public_notice_text .read_more{display:inline}@media (min-width:320px) and (max-width:991px){.public_notice .public_notice_text{margin-left:0;font-size:12px}.public_notice .public_notice_text .dots{display:inline}.public_notice .public_notice_text .read_more{display:none}}.public_notice .public_notice_text a{text-decoration:underline;font-weight:600}.footerAccordion{background-color:transparent;color:#444;padding:18px;width:100%;text-align:left;border:none;outline:none;transition:.4s;padding-left:0}@media (min-width:320px) and (max-width:767px){.footerAccordion{background:#fff}}.panel{padding:0 18px;padding-left:0;display:none;overflow:hidden}@media (min-width:320px) and (max-width:767px){.panel{padding:0}}@media (min-width:320px) and (max-width:767px){.footerAccordion:after{content:"\02795";font-size:13px;color:#777;float:right;margin-left:5px;display:none}}.active:after{content:"\2796";display:none}.panel{display:block}@media (min-width:320px) and (max-width:767px){.panel{display:none}}.panel.openContent{display:block}.subscribemodal{height:200px;width:400px;margin:0 auto;position:absolute;display:none;top:25%;right:50%;background:#fff;z-index:1;transform:translate(50%,-50%)}.subscribemodal.subscribeOpen{display:block}.subscribemodal .closeIcon{margin:20px;float:right}.subscribemodal p{font-size:14px;text-align:center;vertical-align:middle;line-height:200px}footer{bottom:0;padding:40px;margin:0 auto;position:relative;z-index:1;background-color:#f8f8f8}footer hr:first-child{display:none}@media (min-width:320px) and (max-width:767px){footer hr:first-child{display:block;height:.1px;border:1px solid rgba(0,0,0,.1);margin:0;margin-bottom:0}}@media (min-width:320px) and (max-width:767px){footer.modalopen{background-color:#666;z-index:1040}footer.modalopen button,footer.modalopen input{background:#666;opacity:.5}footer.modalopen .spriteIcon{opacity:.5}footer.modalopen .open .spriteIcon{opacity:1}footer.modalopen .selectedCountry{opacity:.3}footer.modalopen .appStore,footer.modalopen .playStore{opacity:.5}footer.modalopen .minimalistic-footer .arrowUp{opacity:.1}footer hr:nth-child(2){display:none}}@media (min-width:320px) and (max-width:767px){footer form{margin-bottom:0}}@media (min-width:320px) and (max-width:991px){footer{padding:20px;padding-top:5px;background-color:#fff}}footer h5{font-weight:700;font-size:20px;font-style:normal;font-stretch:normal;line-height:1.3;letter-spacing:normal;color:#222;margin-bottom:15px}@media (min-width:768px) and (max-width:991px){footer h5{font-size:12px}}@media (min-width:320px) and (max-width:767px){footer h5{font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:2.17;letter-spacing:normal;color:#222;margin-top:25px}}footer .ctaComp.input-with-cta{display:flex}footer .ctaComp.input-with-cta input{font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:normal;text-align:justify;color:#222;width:52.5%;padding-left:20px;border-radius:4px 0 0 2px}@media (min-width:1200px){footer .ctaComp.input-with-cta input{width:238px;flex:none}}@media (min-width:320px) and (max-width:767px){footer .ctaComp.input-with-cta input{padding-left:20px;flex:1;font-size:12px;line-height:2.17;height:40px}}@media (min-width:768px) and (max-width:991px){footer .ctaComp.input-with-cta input{font-size:10px}}@media (min-width:320px) and (max-width:767px){footer .ctaComp.input-with-cta input[type=number]{margin-bottom:16px}}footer .ctaComp.input-with-cta button,footer .ctaComp.input-with-cta button:focus,footer .ctaComp.input-with-cta button:hover{outline:none}footer .ctaComp.input-with-cta button.ctaText{font-size:13px;font-weight:500;line-height:2;letter-spacing:1.08px;text-align:center;padding:10px 21px;border-radius:0 2px 2px 0}@media (min-width:320px) and (max-width:767px){footer .ctaComp.input-with-cta button.ctaText{font-size:10px;line-height:2.6;letter-spacing:.83px;height:40px;padding-top:7px}}@media (min-width:768px) and (max-width:991px){footer .ctaComp.input-with-cta button.ctaText{font-size:10px;padding:8px}}footer label{display:none;font-size:13px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:normal;text-align:justify}footer label.error{display:block;color:red}footer button.footerAccordion{font-size:13px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px;text-align:justify;color:#222;padding-bottom:5px;pointer-events:none}@media (min-width:320px) and (max-width:767px){footer button.footerAccordion{padding-top:22px;padding-bottom:22.9px;border-bottom:1px solid rgba(0,0,0,.1);font-weight:700;font-size:12px;padding-left:18px;pointer-events:auto}}@media (min-width:320px) and (max-width:767px){footer button.footerAccordion.active{border-bottom:none}}footer button.footerAccordion .minus,footer button.footerAccordion .plus{display:none}@media (min-width:320px) and (max-width:767px){footer button.footerAccordion .minus,footer button.footerAccordion .plus{display:block;float:right}}footer button.footerAccordion.minus{background-position:-275px -125px}footer button.footerAccordion:focus{outline:none}footer .panel span.countryLabel{display:none}@media (min-width:320px) and (max-width:767px){footer .panel span.countryLabel{display:inline-block}}footer .panel span.closeIcon{display:none}@media (min-width:320px) and (max-width:767px){footer .panel span.closeIcon{display:inline-block;float:right}}@media (min-width:320px) and (max-width:767px){footer .panel li{padding:5px 0}}@media (min-width:768px) and (max-width:991px){footer .panel li{line-height:.8;margin-bottom:8px}}footer .panel li a{font-weight:400;font-size:13px;color:#222;line-height:22px;cursor:pointer}footer .panel li a:hover{text-decoration:none;font-weight:700}@media (min-width:320px) and (max-width:767px){footer .panel li a{font-size:12px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;text-align:justify}}@media (min-width:768px) and (max-width:991px){footer .panel li a{font-size:10px}}footer p{margin:0 auto;font-size:10px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.3;letter-spacing:.77px;text-align:justify;color:#222}@media (min-width:320px) and (max-width:767px){footer p{font-size:12px;font-weight:500;font-style:normal;font-stretch:normal;line-height:1.08;letter-spacing:.92px;text-align:center}}footer .textLinks a.textCompLink{border-bottom:2px solid #8838ff}footer .textLinks a.textCompLink:hover{color:#431a80}footer .textLinks a.textCompLink[disabled]{color:#cdcdcd}footer .contactno{font-size:13px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.85;letter-spacing:1px;color:#222}footer .emailSec{margin-left:20px}@media (min-width:320px) and (max-width:991px){footer .emailSec{margin-left:40px}}footer .emailSec .textCompLink{font-weight:400}@media (min-width:768px) and (max-width:991px){footer .textCompWrap.textLinks{display:flex;justify-content:center;align-items:center}}footer .textCompWrap.textLinks.contactSec:after{content:"";float:right;height:25px;color:red;border:1px solid purple;margin-top:11px}footer .textCompWrap.textLinks a.textCompLink{font-size:13px;font-weight:500;font-style:normal;font-stretch:normal;line-height:.92;letter-spacing:1px;text-align:center;color:#222;display:inline-block;margin-top:20px}@media (min-width:320px) and (max-width:767px){footer .textCompWrap.textLinks a.textCompLink{margin-top:15px}}@media (min-width:768px) and (max-width:991px){footer .textCompWrap.textLinks a.textCompLink{font-size:10px}}footer .textCompWrap.textLinks a.textCompLink.contactno{border-bottom:0;margin-right:47px}@media (min-width:320px) and (max-width:991px){footer .textCompWrap.textLinks a.textCompLink.contactno{margin-right:35px}}@media (min-width:320px) and (max-width:767px){footer .textCompWrap.textLinks a.textCompLink.contactno{font-size:16px;font-weight:400}}@media (min-width:320px) and (max-width:360px){footer .textCompWrap.textLinks a.textCompLink.contactno{font-size:12px}}@media (min-width:768px) and (max-width:991px){footer .textCompWrap.textLinks a.textCompLink.contactno{padding-right:10px}}footer .social-icons{clear:both;padding-top:61px}footer .social-icons .socialIconLabel{display:none}@media (min-width:320px) and (max-width:767px){footer .social-icons .socialIconLabel{display:block;margin-bottom:16px;font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px}}@media (min-width:320px) and (max-width:767px){footer .social-icons{padding-top:0}}footer .social-icons a{display:inline-block}footer .social-icons a:last-child span{margin-right:0}footer .social-icons a span{margin-right:48px;display:inline-block}@media (min-width:768px) and (max-width:991px){footer .social-icons a span{margin-right:30px}}@media (min-width:320px) and (max-width:767px){footer .social-icons a span{transform:scale(1.4);margin-right:58px}}@media (min-width:320px) and (max-width:360px){footer .social-icons a span{margin-right:48px}}@media (min-width:991px) and (max-width:1200px){footer .social-icons a span{margin-right:32px}}@media (min-width:1200px){footer .social-icons a span{margin-right:42px}}footer .logoImages{margin-top:50px;margin-bottom:60px}footer .logoImages .logoLabel{display:none}@media (min-width:320px) and (max-width:767px){footer .logoImages .logoLabel{display:inline-block;margin-bottom:16px;font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px}}footer .logoImages .logoImages__links{display:flex}@media (min-width:1200px){footer .logoImages .logoImagesLinks:nth-child(3){margin-left:16px}}@media (min-width:320px) and (max-width:991px){footer .logoImages{width:100%;margin-bottom:38px}}footer .logoImages div{width:auto;float:left}footer .logoImages div span{margin-right:3px}@media (min-width:991px) and (max-width:1200px){footer .logoImages div{margin-left:-20px;transform:scale(.8)}}footer .logoImages div .appStore,footer .logoImages div .playStore{cursor:pointer}@media (min-width:768px) and (max-width:991px){footer .logoImages div .appStore,footer .logoImages div .playStore{transform:scale(1);z-index:0;margin-left:-20px}}@media (min-width:320px) and (max-width:575px){footer .logoImages div .appStore,footer .logoImages div .playStore{transform:scale(1.1);z-index:0}}@media (min-width:320px) and (max-width:991px){footer .logoImages{display:flex;flex-direction:column;justify-content:center}footer .logoImages .logoImagesLinks__wrap{display:flex;justify-content:space-between}}footer #country{display:none;width:92%}footer #country.open{position:absolute}@media (min-width:320px) and (max-width:767px){footer #country.open{bottom:100%}}footer #country .mobileCountryHeader{display:none}@media (min-width:320px) and (max-width:767px){footer #country .mobileCountryHeader{display:block;height:63px;padding-left:21px}}footer #country .mobileCountryHeader span.countryLabel{font-size:16px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.38;letter-spacing:normal;color:#000;padding-top:31px;display:none;display:inline-block}footer #country .mobileCountryHeader span.closeIcon{float:right;margin:25px;pointer-events:auto}footer #country .for-mobile{position:fixed;top:20%;width:88%;left:6%;background:#fff;overflow-y:scroll}@media (min-width:576px){footer #country .for-mobile{position:unset;top:unset;width:unset;left:unset;background:unset;overflow-y:unset}}footer .countrySec ul{width:238px;max-height:208px;overflow:auto}@media (min-width:320px) and (max-width:767px){footer .countrySec ul{width:100%;max-height:350px;overflow:scroll;pointer-events:auto}}footer .countrySec ul li{padding-left:21px;clear:left}@media (min-width:320px) and (max-width:767px){footer .countrySec ul li{border-bottom:1px solid #e9e9e9;padding:10px 0 10px 21px}}footer .countrySec ul li a span{font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:3.08;letter-spacing:1px;color:#2a2a2a}footer .countrySec ul li a span.spriteIcon-Aprevamp{vertical-align:middle;display:inline-block;margin:9px 0}footer .countrySec ul li a span.countryName{padding-left:9px;font-size:13px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px;color:#2a2a2a;border-bottom:1px solid #e9e9e9;width:162px;display:inline-block;padding:9px}@media (min-width:320px) and (max-width:767px){footer .countrySec ul li a span.countryName{border-bottom:none}}@media (min-width:768px) and (max-width:991px){footer .countrySec ul li a span.countryName{font-size:10px}}@media (min-width:320px) and (max-width:767px){footer .countrySec .selectedCountry{padding-top:30px;padding-bottom:30px;border-bottom:1px solid #e9e9e9;padding-left:0}}footer .countrySec .selectedCountry .countryLabel{display:none;font-size:12px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:1px}@media (min-width:320px) and (max-width:767px){footer .countrySec .selectedCountry .countryLabel{display:inline-block}}footer .countrySec .selectedCountry a{text-decoration:none;color:inherit;display:inline-block;width:auto}@media (min-width:320px) and (max-width:767px){footer .countrySec .selectedCountry a{display:inline-block;float:right;margin-top:-9px}}footer .countrySec .selectedCountry .flag{vertical-align:middle;display:inline-block;margin:9px 0}@media (min-width:320px) and (max-width:767px){footer .countrySec .selectedCountry .flag{margin:auto}}footer .countrySec .selectedCountry .iconTextLinks__text{padding-left:9px;font-size:13px;font-weight:500;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:1px}@media (min-width:768px) and (max-width:991px){footer .countrySec .selectedCountry .iconTextLinks__text{font-size:10px}}footer .countrySec .selectedCountry .arrowDown,footer .countrySec .selectedCountry .arrowUp{vertical-align:middle}@media (min-width:320px) and (max-width:767px){footer .countrySec .selectedCountry .arrowDown,footer .countrySec .selectedCountry .arrowUp{margin-left:30px}}footer .countrySec .selectedCountry .countryName{padding-left:9px}footer .countrySec #country.open{display:block;border-radius:2px;box-shadow:0 4px 5px 0 rgba(0,0,0,.15);background-color:#f8f8f8;z-index:1;max-width:238px;margin-left:-23px;max-height:208px}@media (min-width:320px) and (max-width:767px){footer .countrySec #country.open{max-width:92%;margin-left:0;max-height:unset}}@media (min-width:320px) and (max-width:991px){.foooter-content-panel{display:none}}@media (min-width:320px) and (max-width:991px){.foooter-content-panel--show{display:block}}@media (min-width:320px) and (max-width:991px){.minimalistic-footer{display:flex!important;justify-content:space-between;align-items:center;margin:10px 0}}.cookie-pop-wrap{left:20px;bottom:0;display:flex;position:fixed;z-index:33333333;padding:20px 30px;border-radius:2px;align-items:center;background-color:#fff;width:calc(100% - 40px);justify-content:space-between;box-shadow:0 0 10px 0 rgba(0,0,0,.9)}.cookie-pop-wrap .cookie-text{flex:1;font-size:12px;line-height:22px;padding-right:30px;letter-spacing:0;font-family:inherit;color:#222}.cookie-pop-wrap .cookie-text .f-medium{font-weight:500}.cookie-pop-wrap .cookie-click-here{font:inherit;color:inherit;text-decoration:underline}.cookie-pop-wrap .i-understand-btn{border:none;padding:0;font-size:13px;cursor:pointer;line-height:13px;letter-spacing:1px;font-weight:500;background-color:transparent;border-bottom:3px solid #8839ff}@media (min-width:320px) and (max-width:991px){.cookie-pop-wrap{flex-wrap:wrap;padding:18px 16px}.cookie-pop-wrap .cookie-text{flex:auto;text-align:left;padding-right:0;line-height:22px}.cookie-pop-wrap .understand-btn-wrap{flex:1;text-align:right}}@media (min-width:320px) and (max-width:991px){footer button.footerAccordion{padding-left:0;padding-right:0;margin-bottom:2px}footer button.footerAccordion.active{padding-bottom:10px}}@media (min-width:320px) and (max-width:991px){footer .panel.openContent{padding:0}}.checkoutloading{position:fixed;background:rgba(0,0,0,.4);width:100%;height:100%;left:0;top:0;display:none;z-index:999}.checkoutloading img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.footer_unification{position:inherit}