@charset "utf-8";


/**=========================================================
 * Theme Name   :  UNIDO PHARMA
 * Author       :  Elly, Bipin Ghatodiya, Shamim Kafi, Rabbani , Sumon
 * Description  :  December 2023
 * File Name    :  style.css
=========================================================**/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*



font-family: 'Poppins', sans-serif;



*/


:root {
    --primary: #020f04; /*golde*/


    --secondary: #646464; /*Body Text*/


    --light: #707070; /*Light*/


    --dark: #000; /*Dark*/


    --red: #000; /*Red*/


    --alternate: #3c0b96; /*lightgold*/


}


.primary {
    color: var(--primary);
}


.secondary {
    color: var(--secondary);
}


.light {
    color: var(--light);
}


.dark {
    color: var(--dark);
}


.red {
    color: var(--red);
}


.alternate {
    color: var(--alternate);
}


*, *:after, *:before {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}


.container, .header-container {
    max-width: 1190px;
    padding: 0px 30px
}


/*---*/


i::before {
    text-rendering: optimizeLegibility;
}


html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}


::selection {
    background: var(--primary); /* Safari */
    color: #ffffff;
}


::-moz-selection {
    background: var(--primary); /* Firefox */
    color: #ffffff;
}


hr {
    border-top: 1px solid #dddddd;
    clear: both;
    margin: 20px 0;
}


body {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 16px;
    line-height: 1.5;
    color: var(--secondary);
    font-weight: 400;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    background: #ffffff url(../images/ajax-loader.gif) center center no-repeat;
}


img {
    max-width: 100%;
    vertical-align: middle;
}


a, a:focus, a:hover {
    color: var(--alternate);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s linear;
}


a:hover {
    color: var(--alternate);
    outline: none;
    text-decoration: none;
    transition: all 0.5s;
}


:focus, ::-moz-focus-inner {
    border: none;
    outline: none !important;
}


p a {
    text-decoration: underline;
    color: var(--primary);
}


p a:hover {
    text-decoration: underline;
    color: var(--alternate);
}


fieldset, a img {
    border: none;
}


ol, ul {
    margin: 0px auto;
    padding-left: 15px;
    list-style-position: outside; /*list-style-type: none;*/
}


p {
    margin-top: 0;
    margin-bottom: 30px;
}


p:last-child {
    margin-bottom: 0px !important;
}


ol, ul {
    margin: 0px auto;
    padding-left: 15px;
    list-style-position: outside;
}


::marker {
    color: #646464;


    font-size: 12px;
}


/*----*/


h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Tahoma';
    font-size: 20px;
    color: var(--dark);
    font-weight: 600;
    margin: 0px 0px 0px;
    text-transform: none;
    padding: 0px 0px 20px;
}


.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Tahoma';
}


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
    color: var(--dark);
}


h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 600;
}


.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
    font-weight: 700;
}


h2, .h2 {
    font-size: 40px;
}


h3, .h3 {
    font-size: 35px;
}


h4, .h4 {
    font-size: 30px;
}


h5, .h5 {
    font-size: 25px;
}


h6, .h6 {
    font-size: 20px;
}


h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
    color: var(--white) !important;
}


/*----*/


iframe {
    display: block;
    width: 100%;
}


figure {
    margin: 0px !important;
}


.hide-xlg, .hide-xl, .hide-lg, .hide-md, .hide-sm, .hide-xs, .hide-xxs {
}


.show-xlg, .show-xl, .show-lg, .show-md, .show-sm, .show-xs, .show-xxs {
    display: none;
}


.fullcontainer {
    position: relative;
    margin: 0px auto;
}


.fullcontainer .container {
    position: relative;
    z-index: 1;
}


.full-mx {
    max-width: 1920px;
    margin: 0px auto;
}


.fancybox-progress {
    background: #930000;
}


.is_stuck {
    z-index: 6;
}


.float-div {
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}


.float-top {
    top: 0;
    transform: none;
}


.float-bottom {
    bottom: 0;
    transform: none;
}


/* ClearFix */


.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}


.container:after {
    display: block;
    content: " ";
    clear: both;
}


.clearfix:after {
    display: block;
    content: ".";
    height: 0px;
    clear: both;
    visibility: hidden;
}


.clearfix {
    display: inline-table;
}


/* Hides from IE-mac \*/


.clearfix {
    height: 1%;
}


.clearfix {
    display: block;
}


/* End hide from IE-mac */


body.body-noscroll {
    height: 100%;
    overflow: hidden;
}


.leftpad, .rightpad {
}


.container-lg {
    max-width: 90%;
}


.container-1100 {
    width: 100%;
    max-width: 1100px;
}


.container-1050 {
    width: 100%;
    max-width: 1050px;
}


.container-1020 {
    width: 100%;
    max-width: 1020px;
}


.container-1000 {
    width: 100%;
    max-width: 1000px;
    position: relative;
    z-index: 9;
}


.container-950 {
    width: 100%;
    max-width: 950px;
}


.container-900 {
    width: 100%;
    max-width: 900px;
}


.container-850 {
    width: 100%;
    max-width: 850px;
}


.container-800 {
    width: 100%;
    max-width: 800px;
}


.container-770 {
    width: 100%;
    max-width: 770px;
}


.container-750 {
    width: 100%;
    max-width: 750px;
}


.container-700 {
    width: 100%;
    max-width: 700px;
}


.container-650 {
    width: 100%;
    max-width: 650px;
}


.container-600 {
    width: 100%;
    max-width: 600px;
}


.container-550 {
    width: 100%;
    max-width: 550px;
}


.container-500 {
    width: 100%;
    max-width: 500px;
}


.container-450 {
    width: 100%;
    max-width: 450px;
}


.container-400 {
    width: 100%;
    max-width: 400px;
}


.equalheight, .equalheight1, .equalheight2, .equalheight3, .equalheight4, .equalheight5 {
    display: block;
    position: relative;
}


/*------*/


.bg {
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
}


.bg-img {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.bg-img-tl {
    background-position: top left !important;
    background-repeat: no-repeat !important;
}


.bg-img-tc {
    background-position: top center !important;
    background-repeat: no-repeat !important;
}


.bg-img-tr {
    background-position: top right !important;
    background-repeat: no-repeat !important;
}


.bg-img-rc {
    background-position: right center !important;
    background-repeat: no-repeat !important;
}


.bg-img-br {
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
}


.bg-img-bc {
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}


.bg-img-bl {
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
}


.bg-img-lc {
    background-position: left center !important;
    background-repeat: no-repeat !important;
}


.bg-img-t {
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
}


.bg-img-b {
    background-position: bottom left !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
}


.bg-img-c {
    background-position: center left !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
}


/*----*/


.text-right {
    text-align: right !important;
}


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


.text-left {
    text-align: left !important;
}


.text-justify {
    text-align: justify !important;
}


.text-uppercase {
    text-transform: uppercase !important;
}


.text-pre {
    white-space: pre;
}


.text-note {
    font-size: 12px;
    font-style: italic;
}


p[align=center] {
    text-align: center !important;
}


p[align=left] {
    text-align: left !important;
}


p[align=right] {
    text-align: right !important;
}


.underline {
    text-decoration: underline;
}


strong {
    font-weight: 600;
}


.small, small {
    font-size: 90%;
}


.responsive {
    width: 100% !important;
}


.responsive-mx {
    max-width: 100%;
}


.relative {
    position: relative;
}


.fleft {
    float: left;
}


.fright {
    float: right;
}


/*---*/


.m0 {
    margin: 0px !important;
}


.ml0 {
    margin-left: 0px !important;
}


.mr0 {
    margin-right: 0px !important;
}


.mt0 {
    margin-top: 0px !important;
}


.mb0 {
    margin-bottom: 0px !important;
}


.mt5 {
    margin-top: 5px !important;
}


.mr5 {
    margin-right: 5px !important;
}


.mb5 {
    margin-bottom: 5px !important;
}


.ml5 {
    margin-left: 5px !important;
}


.mt10 {
    margin-top: 10px !important;
}


.mr10 {
    margin-right: 10px !important;
}


.mb10 {
    margin-bottom: 10px !important;
}


.ml10 {
    margin-left: 10px !important;
}


.mt15 {
    margin-top: 15px !important;
}


.mr15 {
    margin-right: 15px !important;
}


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


.ml15 {
    margin-left: 15px !important;
}


.mt20 {
    margin-top: 20px !important;
}


.mr20 {
    margin-right: 20px !important;
}


.mb20 {
    margin-bottom: 20px !important;
}


.ml20 {
    margin-left: 20px !important;
}


.mt25 {
    margin-top: 25px !important;
}


.mr25 {
    margin-right: 25px !important;
}


.mb25 {
    margin-bottom: 25px !important;
}


.ml25 {
    margin-left: 25px !important;
}


.mt30 {
    margin-top: 30px !important;
}


.mr30 {
    margin-right: 30px !important;
}


.mb30 {
    margin-bottom: 30px !important;
}


.ml30 {
    margin-left: 30px !important;
}


.mt40 {
    margin-top: 40px !important;
}


.mr40 {
    margin-right: 40px !important;
}


.mb40 {
    margin-bottom: 40px !important;
}


.ml40 {
    margin-left: 40px !important;
}


.mt50 {
    margin-top: 50px !important;
}


.mr50 {
    margin-right: 50px !important;
}


.mb50 {
    margin-bottom: 50px !important;
}


.ml50 {
    margin-left: 50px !important;
}


.mb60 {
    margin-bottom: 60px !important;
}


.mb70 {
    margin-bottom: 70px !important;
}


.mb80 {
    margin-bottom: 80px !important;
}


.mb90 {
    margin-bottom: 90px !important;
}


.mb100 {
    margin-bottom: 100px !important;
}


/*--*/


.p0 {
    padding: 0px !important;
}


.pt0 {
    padding-top: 0px !important;
}


.pr0 {
    padding-right: 0px !important;
}


.pb0 {
    padding-bottom: 0px !important;
}


.pl0 {
    padding-left: 0px !important;
}


.p5 {
    padding: 5px !important
}


.pt5 {
    padding-top: 5px !important;
}


.pr5 {
    padding-right: 5px !important;
}


.pb5 {
    padding-bottom: 5px !important;
}


.pl5 {
    padding-left: 5px !important;
}


.p10 {
    padding: 10px !important
}


.pt10 {
    padding-top: 10px !important;
}


.pr10 {
    padding-right: 10px !important;
}


.pb10 {
    padding-bottom: 10px !important;
}


.pl10 {
    padding-left: 10px !important;
}


.p15 {
    padding: 15px !important
}


.pt15 {
    padding-top: 15px !important;
}


.pr15 {
    padding-right: 15px !important;
}


.pb15 {
    padding-bottom: 15px !important;
}


.pl15 {
    padding-left: 15px !important;
}


.p20 {
    padding: 20px !important
}


.pt20 {
    padding-top: 20px !important;
}


.pr20 {
    padding-right: 20px !important;
}


.pb20 {
    padding-bottom: 20px !important;
}


.pl20 {
    padding-left: 20px !important;
}


.p25 {
    padding: 25px !important
}


.pt25 {
    padding-top: 25px !important;
}


.pr25 {
    padding-right: 25px !important;
}


.pb25 {
    padding-bottom: 25px !important;
}


.pl25 {
    padding-left: 25px !important;
}


.p30 {
    padding: 30px !important
}


.pt30 {
    padding-top: 30px !important;
}


.pr30 {
    padding-right: 30px !important;
}


.pb30 {
    padding-bottom: 30px !important;
}


.pl30 {
    padding-left: 30px !important;
}


.p35 {
    padding: 35px !important
}


.pt35 {
    padding-top: 35px !important;
}


.pr35 {
    padding-right: 35px !important;
}


.pb35 {
    padding-bottom: 35px !important;
}


.pl35 {
    padding-left: 35px !important;
}


.p40 {
    padding: 40px !important
}


.pt40 {
    padding-top: 40px !important;
}


.pr40 {
    padding-right: 40px !important;
}


.pb40 {
    padding-bottom: 40px !important;
}


.pl40 {
    padding-left: 40px !important;
}


.p45 {
    padding: 45px !important
}


.pt45 {
    padding-top: 45px !important;
}


.pr45 {
    padding-right: 45px !important;
}


.pb45 {
    padding-bottom: 45px !important;
}


.pl45 {
    padding-left: 45px !important;
}


.p50 {
    padding: 50px !important
}


.pt50 {
    padding-top: 50px !important;
}


.pr50 {
    padding-right: 50px !important;
}


.pb50 {
    padding-bottom: 50px !important;
}


.pl50 {
    padding-left: 50px !important;
}


.pt60 {
    padding-top: 60px !important;
}


.pb60 {
    padding-bottom: 60px !important;
}


.pt70 {
    padding-top: 70px !important;
}


.pb70 {
    padding-bottom: 70px !important;
}


.pt80 {
    padding-top: 80px !important;
}


.pr80 {
    padding-right: 80px !important;
}


.pl80 {
    padding-left: 80px !important;
}


.pb80 {
    padding-bottom: 80px !important;
}


.pt90 {
    padding-top: 90px !important;
}


.pb90 {
    padding-bottom: 90px !important;
}


.pt100 {
    padding-top: 100px !important;
}


.pb100 {
    padding-bottom: 100px !important;
}


.pt110 {
    padding-top: 110px !important;
}


.pb110 {
    padding-bottom: 110px !important;
}


.pt120 {
    padding-top: 120px !important;
}


.pb120 {
    padding-bottom: 120px !important;
}


.pt130 {
    padding-top: 130px !important;
}


.pb130 {
    padding-bottom: 130px !important;
}


/*-----*/


.gutters-5 {
    margin-right: -5px;
    margin-left: -5px;
}


.gutters-5 > .col, .gutters-5 > [class*="col-"], .gutters-5 .slick-slide {


    padding-right: 5px;


    padding-left: 5px;


}


.gutters-8 {
    margin-right: -8px;
    margin-left: -8px;
}


.gutters-8 > .col, .gutters-8 > [class*="col-"], .gutters-8 .slick-slide {


    padding-right: 8px;


    padding-left: 8px;


}


.gutters-10 {
    margin-right: -10px;
    margin-left: -10px;
}


.gutters-10 > .col, .gutters-10 > [class*="col-"], .gutters-10 .slick-slide {


    padding-right: 10px;


    padding-left: 10px;


}


.gutters-12 {
    margin-right: -12px;
    margin-left: -12px;
}


.gutters-12 > .col, .gutters-12 > [class*="col-"], .gutters-12 .slick-slide {


    padding-right: 12px;


    padding-left: 12px;


}


.gutters-15 {
    margin-right: -15px;
    margin-left: -15px;
}


.gutters-15 > .col, .gutters-15 > [class*="col-"], .gutters-15 .slick-slide {


    padding-right: 15px;


    padding-left: 15px;


}


.gutters-20 {
    margin-right: -20px;
    margin-left: -20px;
}


.gutters-20 > .col, .gutters-20 > [class*="col-"], .gutters-20 .slick-slide {


    padding-right: 20px;


    padding-left: 20px;


}


.gutters-25 {
    margin-right: -25px;
    margin-left: -25px;
}


.gutters-25 > .col, .gutters-25 > [class*="col-"], .gutters-25 .slick-slide {


    padding-right: 25px;


    padding-left: 25px;


}


.gutters-30 {
    margin-right: -30px;
    margin-left: -30px;
}


.gutters-30 > .col, .gutters-30 > [class*="col-"], .gutters-30 .slick-slide {


    padding-right: 30px;


    padding-left: 30px;


}


/*----*/


.grid-5 > .col, .grid-5 > [class*="col-"], .grid-5 .slick-slide {


    padding-top: 5px;


    padding-bottom: 5px;


}


.grid-8 > .col, .grid-8 > [class*="col-"], .grid-8 .slick-slide {


    padding-top: 8px;


    padding-bottom: 8px;


}


.grid-10 > .col, .grid-10 > [class*="col-"], .grid-10 .slick-slide {


    padding-top: 10px;


    padding-bottom: 10px;


}


.grid-12 > .col, .grid-12 > [class*="col-"], .grid-12 .slick-slide {


    padding-top: 12px;


    padding-bottom: 12px;


}


.grid-15 > .col, .grid-15 > [class*="col-"], .grid-15 .slick-slide {


    padding-top: 15px;


    padding-bottom: 15px;


}


.grid-20 > .col, .grid-20 > [class*="col-"], .grid-20 .slick-slide {


    padding-top: 20px;


    padding-bottom: 20px;


}


.grid-25 > .col, .grid-25 > [class*="col-"], .grid-25 .slick-slide {


    padding-top: 25px;


    padding-bottom: 25px;


}


.grid-30 > .col, .grid-30 > [class*="col-"], .grid-30 .slick-slide {


    padding-top: 30px;


    padding-bottom: 30px;


}


/*-----*/


.grid-5 .grid-5 {
    margin-top: -5px;
    margin-bottom: -5px;
}


.grid-8 .grid-8 {
    margin-top: -8px;
    margin-bottom: -8px;
}


.grid-10 .grid-10 {
    margin-top: -10px;
    margin-bottom: -10px;
}


.grid-12 .grid-12 {
    margin-top: -12px;
    margin-bottom: -12px;
}


.grid-15 .grid-15 {
    margin-top: -15px;
    margin-bottom: -15px;
}


.grid-20 .grid-20 {
    margin-top: -20px;
    margin-bottom: -20px;
}


.grid-25 .grid-25 {
    margin-top: -25px;
    margin-bottom: -25px;
}


.grid-30 .grid-30 {
    margin-top: -30px;
    margin-bottom: -30px;
}


/*-----*/


.grid-box {
    position: relative;
}


.grid-box-img {
    position: relative;
    overflow: hidden;
}


.grid-box > a {
    display: block;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    box-shadow: 4px 12px 12px #00000014;
    border-radius: 10px;
    padding: 0px;
}


.grid-ov, .grid-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.2s linear;
    z-index: 2;
}


.grid-content.alt {
    height: inherit;
    padding: 0px 30px 30px;
    bottom: 0px;
    top: auto;
    z-index: 2;
}


.grid-content {
    padding: 50px;
}


.grid-info {
    margin: 0px auto;
}


.grid-ov {
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    padding: 20px;
    overflow-y: auto;
    text-align: center;
}


.grid-box:hover .grid-content {
    visibility: visible;
    opacity: 1;
}


.grid-box:hover .grid-ov {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}


.grid-tb {
    display: table;
    height: 100%;
    width: 100%;
}


.grid-tc {
    display: table-cell;
    vertical-align: middle;
}


.grid-tc.bt {
    vertical-align: bottom;
}


.grid-tc.tp {
    vertical-align: top;
}


.grid-tc img {
    vertical-align: middle;
}


.grid-box .img-holder::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    transition: all 0.2s linear;
    opacity: 0;
    background: #00502D;
    background: transparent linear-gradient(307deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #8aa5cd08 0%, #0067B1 50%) 0% 0% no-repeat padding-box;
}


.grid-box .img-holder::after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70%;
    content: "";
    z-index: 1;
    transition: all 0.2s linear; /*background: url(../images/overlay1.png);*/
    background-size: 100% 100%;
    opacity: 0.5;
    background: transparent linear-gradient(180deg, #00000000 0%, #0067B1 100%) 0% 0% no-repeat padding-box;
}


.grid-box .img-holder { /*border: 1px solid #efefef;*/
}


.grid-box:hover .img-holder::before {
    opacity: .8;
}


.grid-box:hover .img-holder::after {
    opacity: 1; /*background: url(../images/overlay2.png);*/
    background-size: 100% 100%;
}


.img-holder {
    position: relative;
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding-bottom: 100%;
    margin: 0px auto 0px;
}


.img-holder figure {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    margin: 0px;
    text-align: center;
    padding: 0px;
}


.img-holder figure img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    z-index: 1;
    transition: all 0.6s;
    object-fit: cover;
    object-position: 50% 50%;
}


.img-holder.img-cover figure img {
    object-fit: cover;
}


.img-effect {
    overflow: hidden;
    display: block;
    position: relative;
}


.img-effect:hover .img-holder figure img { /*transform: scale(1.1);*/
    transform: scale(1.1) rotate(2deg);
}


.fancybox-thumbs__list a::before {
    border-color: var(--primary);
    border-width: 3px;
}


/*---*/


#wrapper {
    position: relative;
    height: auto !important;
    min-height: 100%;
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
    background: #ffffff;
}


body, #wrapper, .footer-wrapper {
    opacity: 0;
}


#wrapper, .footer-wrapper {
    max-width: 1920px;
    margin: 0 auto;
}


.header-container {
    display: flex;
    align-items: center;
    margin: 0px auto; /*max-width: 97%;*/
}


/* Header Styles */


#pageHeaderWrapper {
    position: relative;
    width: 100%;
    z-index: 100;
    display: block;
    margin: 0px auto;
}


#pageHeader-sticky-wrapper {


    box-shadow: 0px 3px 6px #000;


}


#pageHeader {
    position: relative;
    width: 100%;
    float: left;
    z-index: 101;
    display: block;
    margin: 0px auto;
    padding: 0px 0px;
    background: #ffffff;
    transition: all 1s;
}


.is-sticky #pageHeader { /*left: 0px;*/


    left: auto;
    max-width: 1920px;
    background: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}


.headerTop {
    position: relative;
    width: 100%;
    float: left;
    z-index: 1002;
    display: block;
    margin: 0px auto;
    padding: 0px 0px;
    background: #ffffff;
    transition: all 1s;
}


/* Top Right Header */


.topRightHeader {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0px;
}


.logo {
    position: relative;
    display: block;
    width: 290px; /* Increase the width for a larger logo */
    height: auto; /* Allowing the height to adjust based on the width */
    z-index: 1001;
    padding: 0px;
    margin: 15px 0px;
    transition: all 0.2s linear;
}


.logo a {
    display: block;
    transition: all 0.2s linear;
    width: 100%;
    height: auto;
}


.logo img {
    width: 130%;
    position: relative;
    display: block;
    height: auto;
    max-width: 200%;
    margin-top: 6.5px;
}

/* For larger screens */
.logo {
    width: 300px; /* Initial size for larger screens */
    height: auto;
    /* ...other styles */
}

/* For smaller screens */
@media screen and (max-width: 768px) {
    .logo {
        width: 200px; 
        margin-top: 20px;
        

    }
}

/* Nav */


.nav-wrapper {
    position: relative;
    display: block;
    margin: 0px auto;
}


.nav-container {
    position: relative;
    display: block;
}


.nav {
    position: relative;
    width: 100%;
    display: block;
    margin: 0px auto;
    text-align: center;
}


.nav ul {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    list-style-type: none;
}


.nav > ul > li {
    position: relative;
    font-weight: 400;
    margin: 0px;
    padding: 0px 14px;
    display: inline-block;
    vertical-align: middle;
}


.nav > ul > li:first-child {
    margin-left: 0px;
    padding-left: 0px;
}


.nav > ul > li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}


.nav > ul > li > a {
    position: relative;


    display: block;


    color: #403E3C;


    font-size: 16px;


    font-weight: normal;


    overflow: hidden;


    line-height: 20px;


    text-align: center;


    padding: 40px 0px;


    transition: all 0.5s;
}


.nav > ul > li:first-child > a {
    margin-left: 0px;
    padding-left: 0px;
}


.nav > ul > li:last-child > a {
    margin-right: 0px;
    padding-right: 0px;
}


.nav > ul > li > a:before {
    position: absolute;
    display: block;
    bottom: 0px;
    z-index: 1;
    left: 50%;
    right: 50%;
    width: 0px;
    content: '';
    height: 3px;
    overflow: hidden;
    background: #0fb9b1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.nav > ul > li span {
    position: relative;
    display: block;
    height: 100%;
    z-index: 2;
}


.nav > ul > li:hover > a, .nav > ul > li.selected > a {
    color: var(--alternate);
}


.nav > ul > li.selected > a {
    font-weight: 700;
}


.nav > ul > li:hover > a:before, .nav > ul > li.selected > a:before {
    left: 0px;
    right: 0px;
    width: 100%;
}


.nav > ul ul, .nav > ul ul ul {
    position: absolute;
    font-size: 17px;
    left: -17px;
    z-index: 5;
    top: 100%;
    opacity: 0;
    width: 100%;
    font-weight: 500;
    min-width: 230px;
    text-align: left;
    visibility: hidden;
    background: #ffffff;
    margin: 30px 0px 0px 0px; /*border-top: 2px solid var(--alternate);*/
    transition: all 0.4s ease-in;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .07);
    border-radius: 0px 0px 5px 5px;
}


.nav > ul ul ul {
    left: 100%;
    top: auto;
    margin: 0px;
    padding: 0px;
}


.nav > ul > li:hover > ul, .nav > ul ul > li:hover > ul {
    opacity: 1;
    top: auto;
    margin-top: 0px;
    padding: 0px 0px;
    visibility: visible;
    padding: 0px 0;
}


.nav > ul ul > li:hover > ul {
    margin-top: -67.7px;
}


.nav > ul ul a, .nav > ul ul ul a {
    position: relative;
    display: block;
    color: #464646;
    line-height: 20px;
    font-size: 15px;
    padding: 17px 20px 17px 30px; /*border-bottom: 1px solid #e8e8e8;*/
}


/*.nav>ul>li li.menu-item-has-children>a { padding-right: 35px; }



.nav>ul>li li.menu-item-has-children > a:after { right: 15px; }*/


.nav > ul ul li:first-child a {
}


.nav > ul ul li:last-child > a {
    border: none;
}


.nav > ul ul li:last-child > a:before {
    display: none;
}


.nav > ul ul li:hover > a, .nav > ul ul li.selected > a, .nav > ul ul ul li:hover > a, .nav > ul ul ul li.selected > a {
    color: #ffffff;
    background: #000;
    transition: all 0.5s;
}


.nav > ul ul li.selected > a, .nav > ul ul ul li.selected > a {
    font-weight: 700;
}


/* Nav END*/


.main-content-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0px auto;
    padding: 0px 0px;
    max-width: 1920px;
}


/* Banner Styles */


.bannerWrapper {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
    margin: 0px auto 0px;
}


.banner {
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
    margin: 0px auto;
}


.homeBannerSlider {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto;
}


.banner-slide {
    position: relative;
    display: block;
    width: 50%;
    padding: 0px;
    margin: 0px auto;
    vertical-align: top;
}


.home-banner-img {
    position: relative;
    top: auto;
    overflow: hidden;
    padding-bottom: 37%;
}




.home-banner-img a {
    display: block;
    position: relative;
    z-index: 1;
}


.home-banner-img::after, .home-banner-img::before, .inner-banner-img::after, .inner-banner-img::before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}


/* .inner-banner-img::before {
    background: #ffffff;
    opacity: 0.42;
} */


.inner-banner-img::after {
    background: url(../images/inner-banner-overlay.png);
    background-size: 100% 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
}


.banner_caption {
    position: absolute;
    z-index: 5;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    color: #ffffff;
    display: block;
    margin: 0px auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.banner_caption .captionWrapper {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
    margin: 0px auto;
    max-width: 1460px;
    padding: 0px 30px 0px;
}


.banner_caption .captionContainer {
    position: relative;
    color: #ffffff;
    padding: 0px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}


.banner_caption .captionContainerInner {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 400;
    text-align: center;
}


/* Slick Slider */


.slick-arrow {
    position: absolute;
    border: none;
    background: none;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 0px;
    z-index: 5;
    opacity: .5;
    transition: all 0.2s linear;
    text-align: center;
    font-size: 20px;
}


.slick-arrow:hover {
    opacity: 1 !important;
}


.slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
}


.slick-prev {
    left: 0px;
}


.slick-next {
    right: 0px;
}


.arrows-inside .slick-prev {
    left: 35px;
}


.arrows-inside .slick-next {
    right: 35px;
}


.arrows-outside .slick-prev {
    left: -100px;
}


.arrows-outside .slick-next {
    right: -100px;
}


.no-arrow .slick-arrow {
    display: none !important;
}


.slick-dots {
    position: absolute;
    left: 0px;
    display: block;
    width: 100%;
    bottom: -60px;
    margin: 0;
    padding: 0px;
    list-style: none;
    text-align: center;
    line-height: 1;
}


.slick-slider {
    margin-bottom: 70px;
}


.dots-inside, .no-dots {
    margin-bottom: 0px !important;
}


.dots-inside .slick-dots {
    bottom: 30px;
}


.no-dots .slick-dots {
    display: none !important;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
    padding: 0;
    cursor: pointer;
    vertical-align: bottom;
}


.slick-dots li:first-child {
    margin-left: 0px;
}


.slick-dots li:last-child {
    margin-right: 0px;
}


.slick-dots li:only-child {
    display: none;
    opacity: 0;
    visibility: hidden;
}


.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    position: relative;
    padding: 0px;
    transition: all 0.2s linear;
}


.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}


.slick-dots li button:before, .slick-dots li button:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    text-align: center;
    transition: all 0.2s linear;
    border-radius: 0%;
    background: none;
    z-index: 0;
}


.slick-dots li button:before {
    left: 2px;
    top: 2px;
    border: 0px solid transparent;
    opacity: 0;
}


.slick-dots li button:after {
    left: 0px;
    top: 0px;
    border: 1px solid transparent;
    background: #ffffff;
    opacity: .5;
}


.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button::before {
    opacity: 1;
    background: #ffffff;
}


.slick-dots li button:hover:after, .slick-dots li button:focus:after, .slick-dots li.slick-active button::after {
    opacity: 1;
    border-color: #fff;
    background: none;
}


.slick-dots li button, .slick-dots li button:after {
    width: 17px;
    height: 17px;
    border-radius: 15px;
}


.slick-dots li button:before {
    width: 17px;
    height: 17px;
    border-radius: 10px;
}


/*----*/


.footer-wrapper {
    position: relative;
    width: 100%;
    display: block;
    margin: 0px auto;
    max-width: 1920px;
    background: #ffffff;
}

/* Support */

#toHotline {
    position: fixed;
    bottom: 100px;
    left: 20px;
    width: 60px;
    height: 60px;
    z-index: 999;
    /*animation: zoom-in-zoom-out 4s ease infinite;*/
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/*kafi*/
/*@media only screen and (max-width: 600px) {
    #pageHeader .headerInfoBar .headerInfo {
        text-align: left;
        font-size: 10px;
    }
}*/

/*top*/
/*.support-link{
    position: fixed;
    top: 0;
    right: 0;
    !*left: 0;*!
    !*bottom: 80px;*!
    width: 180px;
    height: 52px;
    text-decoration: none;
    background: none;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    box-shadow: 2px -2px 30px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 999;
    !*border: 1px solid #9932CCFF;*!
    !*animation: zoom-in-zoom-out 4s ease infinite;*!
}*/

.support-link{
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 180px;
    height: 50px;
    text-decoration: none;
    background: #F1F1F1;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    cursor: pointer;
    z-index: 999;
    /*border: 1px solid #9932CCFF;*/
    /*animation: zoom-in-zoom-out 4s ease infinite;*/
}

.support-cta {
    display: flex;
    position: relative;
    align-items: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    /*border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;*/
}
.support-cta .support-cta-logo {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 0 0 10px;
}

/*.support-cta .support-cta-logo:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}*/

.support-cta .support-cta-phone {
    margin-bottom: 10px;
}

.support-cta .support-cta-heading {
    flex-grow: 1;
    padding: 10px 0 0 15px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    color: #EC1C27; /*#333*/
    /*animation: zoom-in-zoom-out 4s ease infinite;*/
}

.support-cta .support-cta-description {
    flex-grow: 1;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #013CA6; /*#8d8d8d*/
    padding-left: 10px;
}
/*-----*/


/* Scroll To Top */


#toTop {
    text-decoration: none;
    position: fixed;
    display: none;
    bottom: 100px;
    right: 10px;
    width: 50px;
    height: 50px;
    border: none;
    z-index: 1001;
    text-indent: 100%;
    overflow: hidden;
    background: var(--primary) url(../images/cd-top-arrow-white.png) no-repeat center 50%;
    background-size: 35% !important;
    font-size: 0px;
    opacity: .7;
    border-radius: 25px;
}


#toTop:hover {
    opacity: 1;
}


#toTopHover { /*background: url(../images/ui.totop.png) 0px -50px no-repeat; width: 50px; height: 50px; display: block; overflow: hidden; float: left;  opacity: 0;*/
}


#toTop:active, #toTop:focus {
    outline: none;
}




/*-----*/


.hide-xl, .hide-lg, .hide-md, .hide-sm, .hide-xs {
}


.show-xl, .show-lg, .show-md, .show-sm, .show-xs {
    display: none;
}


.fullcontainer {
    position: relative;
    margin: 0px auto;
    z-index: 9;
}


.fullcontainer .container {
    position: relative;
    z-index: 1;
}


.full-mx {
    max-width: 1920px;
    margin: 0px auto;
}


.fancybox-progress {
    background: #930000;
}


.is_stuck {
    z-index: 6;
}


.float-div {
    width: 100%;
    position: absolute;
    left: 0px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}


.float-top {
    top: 0;
    transform: none;
}


.float-bottom {
    bottom: 0;
    transform: none;
}


body.body-noscroll {
    height: 100%;
    overflow: hidden;
}


.leftpad, .rightpad {
}


.equalheight, .equalheight1, .equalheight2, .equalheight3, .equalheight4, .equalheight5 {
    display: block;
    position: relative;
}


/*- ISOTOPE--*/


.grid-listing {
    position: relative;
    margin: 0px -15px;
}


.grid-listing:after {
    content: '';
    display: block;
    clear: both;
}


.grid-item {
    width: 25%;
    padding: 15px 15px;
}


.grid-width2 {
    width: 66.66%;
}


.visible-grid-item {
    display: none;
}


.filter-button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
    text-align: center;
}


.filter-button-group button {
    margin: 0px 20px 0px 0px;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    border: 1px solid #dddddd;
    border-radius: 30px;
    padding: 17px 25px;
    background: none;
    color: var(--secondary);
    transition: all 0.2s linear;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}


.filter-button-group button:last-child {
    margin-right: 0px;
}


.filter-button-group button:hover {
    color: #ffffff;
    background: #8A8A8A;
    border-color: transparent;
}


.filter-button-group button.is-checked {
    color: #ffffff;
    background: #8A8A8A;
    border-color: transparent;
}


@media only screen and (max-width: 1199.99px) {


    .grid-item {
        width: 33.33%;
    }


}


@media only screen and (max-width: 767.99px) {


    .grid-item {
        width: 50%;
    }


    .filter-button-group button {
        margin: 10px 10px 0px 0px;
    }


}


@media only screen and (max-width: 575.98px) {


    .grid-item {
        width: 100%;
    }


    .filter-button-group button {
        padding: 10px 18px;
        font-size: 12px;
        margin: 0px 0px 10px !important;
        width: 100%;
    }


    .filter-button-group button:last-child {
        margin-bottom: 0px !important;
    }


}


/*----*/


.ul-listing {
    padding: 0px;
    margin: 0px 0px 20px;
    list-style: none;
}


.ul-listing li {
    position: relative;
    padding-bottom: 10px;
    padding-left: 20px;
}


ul.listing-inline li {
    display: inline-block;
    margin-right: 20px;
}


.ul-listing li::before {
    content: "\f058";
    left: 0px;
    top: 3px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 11px;
    color: var(--dark);
}


.listing-style1 {
}


.listing-style1 li {
}


.listing-style1 li::before {
    top: 3px;
    content: "\f00c";
    font-size: 13px; /*width: 12px; height: 12px; background: url(../images/bullet.png) no-repeat; background-size: 100% 100%;*/
}


.listing-style2 li {
}


.listing-style2 li::before {
    content: "\f35a";
    font-size: 13px;
    top: 3px;
}


.ol-listing, ol {
    counter-reset: item;
    list-style: none;
    margin: 0px 0px 15px;
    padding: 0px;
}


.ol-listing > li, ol li {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-bottom: 15px;
}


.ol-listing > li:before, ol li:before { /*content: counter(item);*/
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    left: 0px;
    top: 0px;
    color: var(--alternate);
    font-weight: 700;
}


.ol-listing ul {
    margin-top: 30px;
}


.ol-listing.alpha {
    counter-reset: list;
}


.ol-listing.alpha > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ".";
}


.ul-listing:last-child /*.ul-listing:last-child li:last-child*/
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.ul-listing.color-white li::before {
    color: #ffffff;
}


.list-2col {
    display: flex;
    flex-wrap: wrap;
}


.list-2col li {
    flex: 0 0 50%;
    max-width: 50%;
}


ul.counter {
    counter-reset: section;
}


ul.counter li::before {
    counter-increment: section;
    content: counter(section);
}


.normal-list {
    list-style: none;
    margin: 0px 0px 20px;
    padding: 0px;
}


.ul-listing .normal-list {
    padding-top: 5px;
}


.ul-listing .normal-list:last-child {
    margin-bottom: 0px;
}


.ul-listing .normal-list li:before {
    display: none;
}


.pdf-listing {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.pdf-listing li {
    padding-bottom: 12px;
}


.pdf-listing li a {
    position: relative;
    display: block;
    padding-left: 25px;
}


.pdf-listing li a::before {
    content: "\f1c1";
    left: 0px;
    top: 0px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}


.icon-list li {
    padding-left: 35px;
}


.icon-list li::before {
    display: none;
}


.icon-list li i, .icon-list li img {
    left: 0px;
    top: 6px;
    position: absolute;
}


/* Map */


.map-holder {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 0px;
    z-index: 0;
}


.map-holder iframe {
    display: block;
    width: 100%;
    border: 0px;
    height: 760px;
}


/* BreadCrumbs */


.breadcrumb-container {
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 12px 0px;
    background: #F6F6F6;
}


.breadcrumb-container ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 15px;
    text-align: left;
}


.breadcrumb-container li {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    color: #313131;
}


.breadcrumb-container li:last-child {
    padding: 0px;
}


.breadcrumb-container li a {
    color: #2E2E2E;
    position: relative;
    padding-right: 0px;
    display: block;
    font-weight: 400; /*opacity: 0.51; */
}


.breadcrumb-container li a::after { /*content: "/";*/
    content: "\f054";
    font-family: "Font Awesome 5 Free";


    font-weight: 900;


    display: inline-block;


    vertical-align: middle;


    margin-left: 5px;


    font-size: 10px; /*right: 0px; top: 0px; content: "/";*/
}


.breadcrumb-container li a:hover {
    color: var(--alternate);
}


.breadcrumb-container li strong {
    font-weight: 400;
    color: #051413;
}


.breadcrumb-container.alt {
    background: #F3F3F3;
    padding: 20px 0px;
}


.breadcrumb-container.alt li {
}


.breadcrumb-container.alt li a {
    color: #A1A1A1;
}


.breadcrumb-container.alt li a::after {
}


.breadcrumb-container.alt li a:hover, .breadcrumb-container.alt li strong {
    color: var(--dark);
}


.breadcrumb-container li:first-child a { /*font-weight: 700; color:var(--blue);*/
}


/*--PAGINATION--*/


.pagination {
    flex-wrap: wrap;
    font-size: 14px;
}


.page-item {
    padding: 0px 4px;
}


.page-item:last-child {
    padding-right: 0px;
}


.page-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 0px solid #eeeeee;
    padding: 0px 0px;
    text-align: center;
    color: #A8A8A8;
    background: none;
    display: block;
    font-weight: normal;
    position: relative;
    border-radius: 10px;
    font-size: 22px;
}


.page-item .page-link.prev, .page-item .page-link.next { /*width: auto; height: auto; border: none; color: #CFCFCF; font-size: 20px;*/
    background: transparent;
    line-height: 30px;
}


.page-item .page-link.prev {
}


.page-item .page-link.next {
}


.page-item:hover .page-link.prev { /*background: none; color: var(--primary);*/
}


.page-item:hover .page-link.next { /*background: none; color: var(--primary);*/
}


.page-item:hover .page-link {
    color: #ffffff;
    background: #000;
    border-color: transparent;
}


.page-item.active .page-link {
    color: #ffffff;
    background: #201E1E;
    border-color: transparent;
}


.page-link i {
    position: relative;
    color: #A8A8A8;
    background: transparent;
    font-size: 24px;
}


.page-link:focus {
    box-shadow: none;
}


.page-item:hover i {
    color: #201E1E;
}


.page-item.active .page-link {
    font-weight: 600;
    display: block;
}


.page-item .page-link.prev {
}


.page-item .page-link.prev {
}


.page-item:hover .page-link.next:hover {
    background: none;
}


.page-item:hover .page-link.prev:hover {
    background: none;
}


/*----*/


.textColRight, .textColLeft {
    display: block;
    position: relative;
    width: 575px;
    padding: 0px;
}


.textColRight {
    float: left;
}


.textColLeft {
    float: right;
}


.textColRight.alt, .textColLeft.alt {
    width: 840px;
}


.textColRight .textContent {
    position: relative;
    padding-left: 120px;
}


.textColLeft .textContent {
    position: relative;
    padding-right: 120px;
}


.info-holder-left {
    margin-right: 200px;
}


.info-holder-right {
    margin-left: -200px;
}


/*---*/


.form-holder {
    margin: 0px auto;
}


.form-action {
}


.form-group {
    margin-bottom: 20px;
    position: relative;
}


.form-group label {
    font-weight: 400 !important;


    color: #001D3D;


    margin-bottom: 10px;


    display: block;


    font-size: 16px;


    padding-left: 0;
}


label.inline {
    line-height: 50px;
    margin-bottom: 0px;
}


.form-group .control {
    float: right;
    width: calc(100% - 110px);
}


.form-note {
    font-size: 12px;
    color: #949494;
    padding-top: 5px;
    font-style: italic;
}


/*---*/


/*



<div class="checkbox">



    <input type="checkbox" id="c1">



    <label for="c1">checkbox</label>



</div>







<div class="checkbox">



    <label>



        <input type="checkbox">



        <span>checkbox</span>



    </label>



</div>











<div class="radio-inline">



    <div class="radio">



        <input id="r1" type="radio" name="r1">



        <label for="r1">Yes</label>



    </div>



    <div class="radio">



        <input id="r2" type="radio" name="r1" checked="checked">



        <label for="r2">No</label>



    </div>



</div>







<div class="radio-inline">



    <div class="radio">



        <label><input type="radio" name="r1">



        <span>Yes</span></label>



    </div>



    <div class="radio">



        <label><input type="radio" name="r1">



        <span>No</span></label>



    </div>



</div>



*/


.radio, .checkbox {
    display: inline-block;
    margin: 0px;
    position: relative;
    text-align: left;
    padding-bottom: 6px;
}


.radio-inline .radio, .checkbox-inline .checkbox {
    display: inline-block;
    margin-right: 25px;
}


.checkbox label, .radio label > span {
    display: inline-block;
    position: relative;
    padding-left: 30px !important;
    margin: 0px !important;
    font-weight: 500;
    cursor: pointer;
    color: var(--secondary);
    transition: all 0.2s linear;
}


.checkbox-inline .checkbox:last-child {
    margin-right: 0px;
}


.radio-inline, .checkbox-inline {
    padding: 0px;
}


.checkbox label::before, .radio label > span::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 3px;
    border: 1px solid #707070;
    border-radius: 0px;
    background: #ffffff;
}


.checkbox label::after, .radio label > span::after {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 4px;
    transition: all 0.2s linear;
    opacity: 0;
    font-weight: 900;
    text-align: center;
    font-size: 14px;
    color: var(--dark);
    line-height: 1; /*content: ""; width: 12px; height: 12px; background: var(--alternate); border-radius: 2px;*/
}


.radio label > span::after {
    content: "";
    top: 8px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: var(--dark);
}


.checkbox input[type="checkbox"], .radio input[type="radio"] {
    opacity: 0;
    display: none;
}


.checkbox input[type="checkbox"]:focus + label::before {
    outline: none !important;
}


.checkbox input[type="checkbox"]:hover + label::after, .checkbox:hover label::after, .radio label:hover > span::after {
    opacity: .5;
}


.checkbox input[type="checkbox"]:checked + label::after, .checkbox label.label-selected::after, .radio input[type="radio"]:checked + span::after {
    opacity: 1;
}


.checkbox input[type="checkbox"]:checked::after {
    opacity: 1;
}


.checkbox input[type="checkbox"]:checked + label::before, .checkbox label.label-selected::before, .radio input[type="radio"]:checked + span::before {
    border-color: var(--primary);
}


.checkbox input[type="checkbox"]:checked::before {
}


.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}


.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}


.checkbox input[type="checkbox"]:hover + label, .checkbox:hover label, .checkbox label.label-selected, .radio input[type="radio"]:checked + span {
    color: var(--primary);
}


.radio {
    display: block;
}


.radio:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.radio label > span::before, .radio label > span::after {
    border-radius: 50%;
}


.radio label > span::before {
}


.checkbox label > span, .radio label > span {
    display: block;
}


.checkbox label, .radio label {
    margin: 0px !important;
}


/*Radio Image*/


.radio-img {
}


.radio-img .radio {
    margin: 10px;
    padding: 0px;
}


.radio-img input[type=radio] + label {
    padding: 10px !important;
    text-align: center !important;
    transition: all 0.2s linear;
    min-width: 126px;
}


.radio-img input[type=radio] + label > img {
    max-width: 100%;
}


.radio-img input[type=radio] + label > span {
    display: block;
    color: #100249 !important;
    font-size: 14px !important;
    padding-top: 30px;
}


.radio-img input[type=radio]:checked + label, .radio-img input[type=radio]:hover + label {
    background: #eff0f8;
}


.radio-img .radio label::after, .radio-img .radio label::before {
    display: none !important;
}


/*----*/


/*<select class="selectpicker" data-width="100%" data-style="" title="Title">



    <option>Select</option>



    <option>Select</option>



</select>



*/


.form-control, .bootstrap-select .btn, .bootstrap-select .btn.btn-default, .bootstrap-select .btn.btn-default:hover, .bootstrap-select .btn.btn-default:focus, .styled-select select {
    height: 50px;


    height: 50px;


    color: #2E2E2E;


    box-shadow: none !important;


    padding: 0px;


    background: #fff;


    padding-left: 18px;


    padding-right: 15px;


    text-transform: none;


    outline: none !important;


    font-size: 15px;


    font-weight: 400;


    border: 1px solid #AAAAAA;


    border-radius: 10px;
}


input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.form-control {
}


.form-control.alt {
}


.form-control:focus, .bootstrap-select .btn:focus, .styled-select select:focus {
    border-color: #00502D;
    background: #ffffff;
    color: #363636; /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important; */
}


*:focus, input:focus, .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}


.form-control.small {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}


textarea.form-control {
    padding: 15px 15px 15px 25px;
    height: 130px;
    resize: none;
    border-radius: 5px;
}


textarea.form-control.md {
    height: 90px;
}


textarea.form-control.sm {
    height: 50px;
}


.bootstrap-select .btn {
    padding-right: 40px !important;
}


/* Select Arrow*/


.bootstrap-select .btn::before, .styled-select::after {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    pointer-events: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /*content: "\f0d7"; content: "\f078";*/
    content: "\f107";
    border-radius: 0px !important;
    color: #363636;
    line-height: 1; /*content: ""; width: 13px; height: 8px;   background:url(../images/select-arrow.svg) no-repeat; background-size: 100% 100%;*/
    font-size: 16px;
}


.bootstrap-select .btn::after {
    display: none;
}


.filter-option-inner-inner {
    color: var(--secondary) !important;
    opacity: .5 !important;
    line-height: 100%;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 48px;
    width: 100%;
    font-weight: 400;
}


.bootstrap-select.alt .btn {
    height: 43px;
}


.bootstrap-select.alt .btn::before {
    width: 43px;
    height: 43px;
    line-height: 36px;
}


.bootstrap-select.alt .filter-option-inner-inner {
    padding-top: 0px;
}


.bootstrap-select .btn .caret {
    display: none !important;
}


input::placeholder, input.form-control::-webkit-input-placeholder, textarea::placeholder {
    color: #BEBEBE !important;
    opacity: 1 !important;
}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: var(--secondary) !important;
    opacity: 1 !important;
}


.bootstrap-select .dropdown-menu {
    padding: 0px;
    max-width: 100%;
    left: auto;
    right: 0;
    margin-top: 0px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 0px;
    border: 0px;
}


.bootstrap-select .dropdown-item {
    white-space: inherit;
}


.bootstrap-select .dropdown-menu li a {
    padding: 8px 20px; /*font-size:14px;*/
}


.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a.active {
    color: var(--white);
    background: var(--primary);
}


.dropdown-menu {
    z-index: 5;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #F1F1F1;
    border-color: #c4c4c4;
}


input[disabled]::placeholder, input.form-control[disabled]::-webkit-input-placeholder {


    color: #CBCBCB !important;


    opacity: 1 !important;


}


.has-icon {
    position: relative;
}


.has-icon .form-control, .has-icon .bootstrap-select .btn {
    padding-left: 50px;
}


.has-icon i {
    position: absolute;
    left: 20px;
    top: 0px;
    line-height: 45px;
    color: var(--secondary);
    z-index: 4;
}


.input-with-icon {
    position: relative;
}


.input-with-icon i {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    color: var(--secondary);
}


/*---*/


.styled-select {
    position: relative;
}


.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 45px;
    color: #363636;
}


/*.styled-select select:-moz-focusring {



color: transparent;



text-shadow: 0 0 0 #000;



}



.styled-select select::-ms-expand {



display: none;



}*/


/*---*/


/*<div class="input-group select-date" >



<input type="text" class="form-control datepicker" placeholder="Preferred Date*" >



<span class="input-group-addon"><i class="far fa-calendar"></i></span> </div>*/


.input-group-addon {
    background: none;
    color: var(--secondary);
    border-left: none;
    line-height: 54px;
}


.input-group.select-date-time .form-control {
    box-shadow: none !important;
}


.input-group.select-date-time {
    position: relative;
    width: 100%;
}


.input-group.select-date-time .form-control {
    padding-right: 60px;
    border-radius: 30px;
}


.input-group.select-date-time .input-group-addon {
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    border: 0px;
    padding: 0px;
    display: block;
    border-radius: 0px !important;
    font-size: 18px;
    text-align: center;
    color: var(--secondary);
    pointer-events: none;
    line-height: 1;
}


.input-group.select-date-time:hover .input-group-addon {
    color: var(--alternate);
}


.input-group > .form-control:focus {
    z-index: 0;
}


/*---*/


.showing-container, .sortby-container {
}


.showing-holder {
}


.showing-holder ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
}


.showing-holder ul li {
    padding-right: 10px;
}


.showing-holder ul li:last-child {
    padding-right: 0px;
}


.showing-holder ul li a {
    font-weight: 700;
    color: var(--light);
}


.showing-holder ul li a:hover, .showing-holder ul li.active a, .showing-holder ul li a.active {
    color: var(--primary);
}


.tool-bar {
    font-size: 14px;


    color: #333333;


    font-weight: normal;
}


.tool-bar .page-link { /*background: none !important; width: auto !important; height: auto !important; line-height: 1 !important; padding: 0px !important;*/
}


.tool-bar .styled-select { /*max-width: 150px;*/
    border: 1px solid #707070;


    border-radius: 10px;


    /*padding-left: 15px*/;
}


.tool-bar .styled-select select {
    min-width: 60px;


    background: transparent;


    border-color: transparent;


    height: 31px;


    border-radius: 10px;


    /*padding-left: 0;*/


    color: #A8A8A8;


    font-size: 14px;


    font-weight: normal;
}


.tool-bar .styled-select::after { /*content: "\f078";color: #A8A8A8; right: 0px;*/
    color: #888888;
}


.tool-bar .styled-select select:focus {
    box-shadow: none !important;
}


.page-count {
    text-transform: uppercase;
    text-align: center;
}


.count-text {
    color: #7B7B7B;
    font-weight: 400;
}


.count-text strong {
    font-weight: 500;
    color: var(--dark);
}


/*----*/


.floating-label {
}


.form-group.floating-label .form-control {
    padding-top: 0px;
}


.form-group.floating-label textarea.form-control {
    padding-top: 20px;
}


.form-group.floating-label label {
    position: absolute;
    pointer-events: none;
    left: 25px;
    top: 22px;
    transition: 0.2s ease all;
    margin: 0px;
    width: auto;
    margin: 0px;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    background: #ffffff;
    color: #C1C1C1;
    z-index: 2;
}


.form-group.floating-label .focus label, .form-group.floating-label .not-empty label, .form-group.floating-label .focus + label, .form-group.floating-label .not-empty + label, .form-group.floating-label.focus label, .form-group.floating-label.not-empty label {
    top: -6px;
    font-size: 12px;
    padding: 0px 5px;
    color: var(--alternate);
}


.form-group.floating-label.not-empty label {
    color: var(--dark);
}


.form-group.floating-label.not-empty .form-control {
    border-color: var(--dark);
}


/*---*/


/*<div class="f-upload">



<input type="file" class="fileinput">



</div>*/


.f-upload .input-group-btn {


    position: absolute;


    display: block;


    z-index: 0;


    left: 0;


    top: 0;


    overflow: hidden;


    background: #F8F8F8;


    height: 100%;


    border-radius: 10px 0px 0px 10px;


    padding: 14px;


    border: 1px solid #777777;


    color: #001D3D;


}


.f-upload span {
    color: #001D3D;
    font-size: 16px;
    font-weight: normal;
}


.f-upload .input-group-btn .button {
    min-width: inherit;
    width: 100%;
    cursor: pointer;
}


.f-upload .btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none;
    cursor: pointer;
    display: block;
}


.f-upload .file-input .file-caption-name {
    height: auto;
    margin: 0px;
    border: 0px;
    width: 100%;
    color: #ACACAC;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    padding-left: 140px;
}


.f-upload .file-caption-icon {
    display: none;
}


.f-upload .input-group > .form-control {
    width: 100% !important;
    display: block;
    border-radius: 7px;
    height: 50px;
    position: relative;
}


.f-upload .input-group-btn .button {
    font-size: 16px;
    background: #8A8A8A;
    color: #ffffff;
    border: 0px;
    padding: 17px 25px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.f-upload .input-group-btn .button:hover {
    background: var(--dark);
}


@media only screen and (max-width: 567px) {


    .f-upload .input-group > .form-control {
        height: 40px;
    }


    .f-upload .file-input .file-caption-name {
        font-size: 14px;
        padding-left: 20px;
    }


    .f-upload .input-group-btn {
        position: static;
        display: block;
        width: 100%;
        margin-top: 10px;
    }


    .f-upload .input-group-btn .button {
        padding: 11px 20px;
        border-radius: 7px;
        font-size: 12px;
    }


}


/*---*/


.close {
    float: none;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    z-index: 1;
    opacity: 1 !important;
    cursor: pointer;
    text-shadow: none;
    color: #acacac;
    padding: 0px;
}


.close:hover {
    color: var(--alternate);
}


.close span {
    line-height: 1;
}


.close img {
    width: 100%;
}


.modal-content {
    border-radius: 20px;
}


.modal-body {
    padding: 50px;
    border-radius: 24px;
    overflow: hidden;
    background: #ffffff;
}


.modal-backdrop.show {
    opacity: .8;
}


/*---*/


.card {
    margin-bottom: 25px;
    border-radius: 10px !important;
    border: 0px !important;
    padding: 0px;
    background: none; /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);*/
}


.card:last-child { /*margin-bottom: 0px;*/
}


.card-header {
    padding: 0px;
    border: 0px;
    background: none;
    border-radius: 0px !important;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
}


.card-header a {
    padding: 15px 60px 15px 30px;


    display: block;


    position: relative;


    cursor: pointer;


    font-weight: normal;


    color: #ffffff;


    background: #01478F;


    font-size: 20px;


    border-radius: 40px;


    border: 0px solid #D0D0D0;


    border-radius: 0;


    font-family: 'Poppins', sans-serif;
}


.card-header a.collapsed {
    color: #646464;


    background: #FAFAFA;


    border-radius: 0;
}


.card-header a:hover {
    color: #ffffff;
    background: var(--alternate);
}


.card-header a::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    font-family: "Font Awesome 5 Free"; /*content: "\f077";*/
    content: "\f068";
    font-weight: 900;
    line-height: 1; /*text-align: center; font-size: 18px; color:#ffffff; width: 21px; height: 21px; background: url(../images/minus.svg) no-repeat; background-size: 100% 100%;*/
}


.card-header a.collapsed::before {
    content: "\f067";
    color: #171717; /*background: url(../images/plus.svg) no-repeat; background-size: 100% 100%;*/
}


.card-header a:hover::before {
    color: #ffffff;
}


.card-body {
    padding: 30px 30px;
    border: 0px; /*box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);*/
    border-radius: 0px 0px 5px 5px;
}


/*---*/


.tab-holder {


    position: relative;


    padding: 0px 0px;


    padding-top: 20px;


    border-top: 0px solid #EEEEEE;


}


.nav-tabs {
    display: none;
    border: none !important;
}


.tab-holder .card {
    background: none;
    padding: 0px;
}


.tab-holder .card-body {
    box-shadow: none;
    background: none;
    padding: 30px 0px 0px;
    border-radius: 0px;
}


.tab-content {
    padding-top: 0px;
}


.nav-tabs .nav-link {
    border: 0px;


    text-align: center;


    padding: 0px 0px;


    display: block;


    border-radius: 0px;


    font-size: 21px;


    line-height: 35px;


    color: #A7AEA5;


    position: relative;


    background: none;


    font-weight: bold;


    font-family: 'Poppins', sans-serif;


    border: 0px;
}


.nav-tabs .nav-link::before {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 0%;
    height: 3px;
    content: "";
    transition: all 0.2s linear;
    background: #01478F;
}


.nav-tabs .nav-item {
    margin: 0px !important;
    padding: 0px 25px;
    border-right: 0px solid #dfdfdf !important; /*flex-grow: 1; flex-basis: 0; */
}


.nav-tabs .nav-item:first-child {
    padding-left: 0px;
}


.nav-tabs .nav-item:last-child {
    padding-right: 0px;
    border-right: 0px !important;
}


.nav-tabs .nav-link:hover {
    color: #01478F;
    background: none;
}


.nav-tabs .nav-link.active {
    color: #01478F;
    background: none;
}


.nav-tabs .nav-link:hover::before, .nav-tabs .nav-link.active::before {
    left: 0px;
    width: 100%;
}


@media (min-width: 768px) {


    .nav-tabs {
        display: flex !important;
        padding-bottom: 0px;
        align-items: center;
        justify-content: start; /*border-bottom: 1px solid #C1C1C1 !important;*/
    }


    .tab-holder .card {
        border: none !important;
        margin-bottom: 0px;
    }


    .tab-holder .card .card-header {
        display: none;
    }


    .tab-holder .card .collapse {
        display: block;
    }


    .tab-holder .card .card .card-header {
        display: block;
    }


    .tab-holder .card .card .collapse {
        display: none;
    }


    .tab-holder .card .card .collapse.show {
        display: block;
    }


}


@media (max-width: 767px) {


    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }


    .tab-holder {
        margin: 0px 0px;
    }


    .nav-tabs .nav-link::before {
        display: none;
    }


    .nav-tabs {
        display: none !important;
    }


    .tab-content {
        width: 100% !important;
    }


    /*.tab-holder .card-header { margin: 0px; }



    .tab-holder .card-header a { color:#EC283C; background: #F3F3F3; border-color: #F3F3F3; }



    .tab-holder .card-header a.collapsed { background: none; color: #979797; }



    .tab-holder .card-header a::before { right: 15px; }*/
    .tab-holder .tab-content {
    }


    .card-body.alt {
        padding: 30px 0px;
    }


    .accordion-holder .card {
    }


    .accordion-holder .card:first-child .card-header {
        margin-top: 0px;
    }


    .tab-holder .card-body {
        padding: 30px 50px;
        border-radius: 0px 0px 10px 10px;
        background: #F3F3F3;
    }


}


/*----*/


.accordion-holder {
    margin-bottom: 30px;
    padding: 0px 0px 0px;
}


.accordion-holder:last-child {
    margin-bottom: 0px;
}


.accordion-holder .card-body {
    background: #fff;


    border: 0;


    /*box-shadow: 12px 12px 14px #0000000f;*/


    border-radius: 0 0 25px 25px;
}


.accordion-holder > .card .card-header {
}


.accordion-holder .card.active .card-body { /*border-color: var(--primary);*/
}


/*----*/


.accordion-style1 .card-header a {
    color: #1D1C5F;
    background: none;
    border-radius: 0px;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 70px 20px 30px;
}


.accordion-style1 .card-header a.collapsed {
    background: none;
    color: #292929;
    border-radius: 0px;
}


.accordion-style1 .card-header a:hover {
    color: #1D1C5F;
    background: none;
}


.accordion-style1 .card-header a::before {
    color: #1D1C5F;
}


.accordion-style1 .card-header a.collapsed::before {
    color: #292929;
}


.accordion-style1 .card-header a:hover::before {
    color: #1D1C5F;
}


.accordion-holder.accordion-style1 .card-body {
    border: none;
    padding-bottom: 0px;
    padding: 30px 30px 0px;
}


.accordion-content {
    color: #6B6B6B;
    font-size: 15px;
}


/*---*/


/* Tooltip */


/* Tooltip Color */


.tooltip.show {
    opacity: 1;
}


.tooltip > .tooltip-inner {
    color: var(--dark);
    font-size: 14px;
    max-width: 525px;
    line-height: 20px;
    border-radius: 5px;
    padding: 10px 40px; /*width:auto; white-space:nowrap;*/
    text-align: left;
    background-color: #ffffff;
    font-weight: 600;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}


.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { /*display: none !important;*/
    border-top-color: #ffffff;
}


.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { /*display: none !important;*/
    border-right-color: #ffffff;
}


.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { /*display: none !important;*/
    border-bottom-color: #ffffff;
}


.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { /*display: none !important;*/
    border-left-color: #ffffff;
}


@media only screen and (max-width: 567px) {


    .tooltip > .tooltip-inner {
        border-radius: 5px;
        padding: 8px 10px;
        max-width: 280px;
        font-size: 12px;
    }


}


/*----*/


.table-holder {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 60px;
}


.table {
    margin: 0px;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    overflow: hidden;
    border-collapse: inherit;
    border: 0px;
}

.table .thead-dark th {
    color: #fff;
    background-color: #09708E;
    border-color: #454d55
}

.table td, .table th {
    vertical-align: middle !important;
    padding: 17px 30px;
    border: 0px;
    color: #646464;
    background-color: red;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    background: #FFFFFF;
}


.table th {
    padding: 12px 30px;
    border: 0px !important;
    font-size: 15px;
    background: #F7FBFF;
}


.table td {
}


.table td:last-child {
    border-right: 0px;
}


/*.table tr:nth-child(odd) { background-color: #fafafc; }



.table tr:nth-child(even) { background-color: #e5e8ef; }*/


.table tr td:first-child, .table tr th:first-child {
    border-right: 0px solid #f1f0f6; /* width: 140px;*/
}


/*----*/


.subnav {
    width: 100%;
    overflow: auto;
}


.subnav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    border-right: 2px solid #d6d9de;
}


.subnav ul li {
    display: block;
    position: relative;
    padding: 15px 0px;
}


.subnav ul li:first-child {
    padding-top: 0px;
}


.subnav ul li:last-child {
    padding-bottom: 0px;
}


.subnav ul li a {
    display: block;
    position: relative;
    padding: 0px 15px 0px 0px;
    font-size: 20px;
    color: var(--secondary);
    font-weight: 400;
    line-height: 1.2;
}


.subnav ul li a::before {
    position: absolute;
    right: -2px;
    bottom: 0px;
    width: 4px;
    height: 100%;
    background: var(--alternate);
    content: "";
    transition: all 0.2s linear;
    opacity: 0;
}


.subnav ul li.selected a, .subnav ul li:hover a, .subnav ul li a.active, .subnav ul li.active a {
    color: var(--alternate);
}


.subnav ul li.selected a::before, .subnav ul li:hover a::before, .subnav ul li a.active::before, .subnav ul li.active a::before {
    opacity: 1;
}


.subnav ul li.selected a, .subnav ul li a.active, .subnav ul li.active a {
    font-weight: 700;
}


/*--Floating Icons--



<div class="float-icon ficon1 floating slower"><img src="images/icon.png" alt="" class="responsive" /></div>



*/


.float-icon {
    position: absolute;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    line-height: 1;
    z-index: 0;
}


.float-icon img {
    width: 100%;
}


.float-icon span {
    display: block;
}


.floating {
    animation-name: floating;
}


@keyframes floating {
    0% {


        transform: translate(0, 0px);


    }


    50% {


        transform: translate(0, 20px);


    }


    100% {


        transform: translate(0, -0px);


    }


}


@media only screen and (max-width: 567px) {


    @keyframes floating {
        0% {


            transform: translate(0, 0px);


        }


        50% {


            transform: translate(0, 15px);


        }


        100% {


            transform: translate(0, -0px);


        }


    }


}


.rotate {
    animation-name: rotate;
}


.rotate-alt {
    animation-name: rotate-alt;
}


@keyframes rotate {
    100% {


        transform: rotate(360deg);


    }


}


@keyframes rotate-alt {
    100% {


        transform: rotate(-360deg);


    }


}


.slow {
    animation-duration: 3.5s;
}


.slower {
    animation-duration: 4s;
}


.fast {
    animation-duration: 1500ms;
}


.faster {
    animation-duration: 1000ms;
}


/*----*/


.inner-container-xxlg {
    padding: 150px 0px;
    position: relative;
    width: 100%;
}


.inner-container-xlg {
    padding: 130px 0px;
    position: relative;
    width: 100%;
}


.inner-container-lg {
    padding: 100px 0px;
    position: relative;
    width: 100%;
}


.inner-container {
    padding: 80px 0px;
    position: relative;
    width: 100%;
}


.inner-container-md {
    padding: 60px 0px;
    position: relative;
    width: 100%;
}


.inner-container-sm {
    padding: 40px 0px;
    position: relative;
    width: 100%;
}


.inner-container-xs {
    padding: 20px 0px;
    position: relative;
    width: 100%;
}


/*----*/


.product-listing-right {
}


.product-list {
    padding: 15px 0px; /*border-bottom: 2px solid #ededed;border-top: 2px solid #ededed; margin: 10px 0px;*/
}


.product-box {
    overflow: hidden;
    position: relative;
    transition: all 0.2s linear; /*border: 1px solid #F2F2F2;*/
    background: #ffffff; /*box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);  border-radius: 10px; */


    border-radius: 0px;
    padding: 0px;
    padding-bottom: 30px;
}


.product-box:hover { /*border-color: var(--primary);box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);*/
}


.product-list .product-box:hover { /* box-shadow: 12px 12px 14px #0000000F;*/
}


.product-box a {
    display: inline-block;

    color: var(--secondary);

    width: 100%;

    height: 100%;
}


.product-box .img-holder figure img {
    object-fit: scale-down;

    height: 100% !important;
}


.product-box-content {
    position: relative;
    background: #ffffff;
    transition: all 0.2s linear;
}


.product-box:hover { /*box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);*/
}


.product-box:hover .product-box-info-holder h5 {
    text-decoration: underline;
}


.new-slider .product-box:hover {
    box-shadow: none;
}


.product-image-holder {
    position: relative;
}


.product-image-holder a {
}


.product-image-holder .img-holder {
    padding-bottom: 82%;
    border-radius: 10px;
    overflow: hidden;
}


.product-image-holder .img-holder figure {
    padding: 0px;
}


.product-box-ov {
    transition: all 0.2s linear;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    text-align: center;
    padding: 5px;
    background: rgba(255, 255, 255, .5);
}


.product-box:hover .product-box-ov {
    opacity: 1;
    visibility: visible;
}


.product-box-header {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 100%;
    z-index: 2;
    padding: 0px;
}


.product-box-header .product-wishlist {
    margin-right: 15px;
}


.product-wishlist, .product-cart { /*position: absolute; right:20px; top: 20px;z-index: 9;*/ /*display: inline-block; vertical-align: middle;*/
}


.product-wishlist a, .product-cart a {
    margin: 5px 0px;
    min-width: 200px;
    padding: 14px 0px !important;
    color: #343434;
}


.product-wishlist a i, .product-cart a i, .product-cart a img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
}


.product-cart a img {
    vertical-align: bottom !important;
}


/*.product-wishlist a::before{ position: absolute; content: ""; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1;border-radius: 10px;border:1px solid #373737;}*/


/*.product-wishlist a i.fas.fa-heart, .product-wishlist a:hover { color: var(--red);}



.product-wishlist a:hover{ background: #373737; color:#ffffff; }*/


.product-tag-holder {
    position: absolute;
    top: 0px;
    z-index: 9;
    left: 0px; /*left: 50%;transform: translateX(-50%); width: 100%;*/
}


.product-tag {
}


.product-tag span {
    display: inline-block;


    color: #ffffff;


    padding: 7px 12px;


    border-radius: 0;


    font-size: 14px;


    font-weight: normal;


    text-align: center;


    text-transform: uppercase;


    line-height: 1;
}


.tag-outofstock span {
    background: #484848;
}


.tag-new span {
    background: #00502D;
}


.tag-sale span {
    background: #A70006;
}


.tag-featured span {
    background: var(--blue);
}


.product-box-info-holder {


    padding: 0 0;


    padding-bottom: 30px;


    text-align: left;


    background: #ffffff;


    /* border: 1px solid #F2F2F2; */


    border-top: 0;


}


.product-box-info-holder h5 {


    font-size: 18px;


    color: #303130;


    line-height: 24px;


    font-weight: normal;


    margin-top: 20px;


}


.product-box-info-holder p {
    margin-bottom: 20px !important;
}


.product-box-info-holder a {
}


.product-box:hover .product-box-info-holder { /*border-color: var(--primary);*/
}


.product-box-info {
    padding: 0px 0px 20px;
}


.product-cat {
    font-size: 14px;
    padding-bottom: 10px;
    color: var(--light);
    font-weight: 400;
}


.product-box-info-holder h2 {
    font-size: 22px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}


.product-box-info-holder h2 a {
    color: var(--primary);
    display: block;
}


.product-box-info-holder h2 a:hover {
    color: #000000;
}


.price-holder {
    padding: 0px 0px 0px;
    transition: all 0.2s linear;
    padding-bottom: 14px;
}


.price-holder ins {
    color: #363636;
    text-decoration: none;
    display: inline-block;
    margin: 0px 5px;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 600;
}


.price-holder del {


    color: #888888;


    font-size: 20px;


    vertical-align: middle;


}


.sale-product-box .price-holder ins {
    color: #E13825;
}


.price-holder del {
    color: var(--light);
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 18px;
}


.product-box-footer {
    transition: all 0.2s linear; /*height: 0px; visibility: hidden;*/
}


.product-box:hover .product-box-footer { /*height: auto;  visibility: visible; margin-top:0px; margin-bottom: 20px;*/
}


.product-box.out-of-stock .price-holder ins bdi {
    color: var(--light);
}


.product-box.out-of-stock .product-box-info-holder a { /*pointer-events: none;cursor: default;*/
}


.pd-catg {


    font-size: 15px;


    color: #38B6DB;


    margin-bottom: 10px;


    display: block;


    width: 100%;


    text-align: center;


}


.sidebar {
    width: 260px;
    padding-top: 0px;
}


.sidebar-content {
    background: #F7F7F7;
    padding: 20px;
}


.widget-box {
    margin-bottom: 40px; /*border-radius: 15px; border: 1px solid #dedede;*/
}


.widget-box:last-child {
    margin-bottom: 0px;
}


.widget-title-holder {
    position: relative; /*background: #dedede; border-radius: 15px 15px 0px 0px; */
    padding: 18px 0px;
    padding-top: 0;
}


.widget-title-holder h4 {
    font-size: 25px;


    color: #0A1E05;


    font-weight: bold;
}


.widget-title-holder a {
    color: var(--light);
}


.widget-title-holder a:hover {
    color: var(--primary);
}


.widget-title {
    padding-bottom: 0px !important;
}


.widget-box-content {
    padding: 25px;
}


.widget-list ul {
    list-style: none;
    margin: 0px;
    padding: 20px 20px 20px 35px;
}


.widget-list ul li {
    padding: 0px 0px;
}


.widget-list ul li a {
    display: block;
    color: var(--secondary);
    padding: 5px 0px;
    position: relative;
}


.widget-list ul li a:hover, .widget-list ul li.selecte a, .widget-list ul li.active a, .widget-list ul li a.active {
    color: var(--alternate);
}


.checkbox-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.checkbox-list li {
    padding-bottom: 10px;
}


.sidebar-banner {
    border-radius: 10px;
    padding: 40px;
}


.filter-group {
    padding: 15px 0;
}


.filter-group:last-child {
    margin-bottom: 0px;
}


.filter-title {
    text-transform: uppercase;
    color: #FFC61A;
    padding-bottom: 20px;
    font-weight: 500;
}


.filter-group ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.filter-group ul li {
    padding: 20px 0px;
    border-bottom: 1px solid #dedede;
}


.filter-group ul li .checkbox {
    padding-bottom: 0px;
}


/*--AccordionFilterNav--*/


.AccordionFilterNav {
    display: block;
    text-decoration: none;
    line-height: 1.1;
}


/* First Level */


.AccordionFilterNav ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}


.AccordionFilterNav > ul {
    padding-top: 30px;
}


.AccordionFilterNav > ul > li {
    padding: 0px 0px 30px;
}


.AccordionFilterNav > ul > li:last-child {
    padding-bottom: 0px;
}


.AccordionFilterNav > ul > li > a {
    color: var(--secondary);
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 18px;
    font-weight: 400;
    padding: 16px 20px;
    font-size: 16px;
    background: #E1E0E0;
    border-radius: 3px;
}


/*.AccordionFilterNav>ul>li>a::before { content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0px; top: 4px; border: 2px solid #414141; border-radius: 10px; transition: all 0.2s linear; }



.AccordionFilterNav>ul>li>a::after { font-family: "Font Awesome 5 Free"; content: "\f00c"; content: ""; display: inline-block; position: absolute; top: 5px; left: 3px; transition: all 0.2s linear; opacity: 0; line-height: 17px; font-weight: 900; text-align: center; font-size: 16px; color: var(--primary); width: 10px; height: 10px; background: var(--primary); border-radius: 0px; }



.AccordionFilterNav>ul>li.chosen>a::after, .AccordionFilterNav>ul>li>a:hover::after { opacity: 1; }



.AccordionFilterNav>ul>li>a:hover::before, .AccordionFilterNav>ul>li.chosen>a::before { background-color: var(--primary); }*/


.AccordionFilterNav > ul > li.chosen > a, .AccordionFilterNav > ul > li.active > a, .AccordionFilterNav > ul > li:hover > a {
    color: #ffffff;
    background: var(--primary);
}


/*.AccordionFilterNav>ul>li.has-subnav>a:hover, .AccordionFilterNav>ul>li.has-subnav>a { background: none; }



.AccordionFilterNav>ul>li.has-subnav.active>a { color: var(--primary); background: none; }



.AccordionFilterNav>ul>li.has-subnav>a { padding-left: 0px; }*/


/* Second Level */


.AccordionFilterNav ul ul {
    padding: 30px 0px 0px;
}


.AccordionFilterNav ul ul li {
    border-top: 0px;
    padding: 10px 0px 10px 20px;
}


.AccordionFilterNav ul ul li a {
    display: block;
    background: none !important;
    color: var(--secondary);
    padding-left: 20px !important;
    position: relative;
}


.AccordionFilterNav ul ul li.selected a, .AccordionFilterNav ul ul li.chosen a, .AccordionFilterNav ul ul li:hover a {
    color: var(--secondary) !important;
}


.AccordionFilterNav ul ul li a::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0px;
    top: 2px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    transition: all 0.2s linear;
}


.AccordionFilterNav ul ul li.selected a::before, .AccordionFilterNav ul ul li.chosen a::before, .AccordionFilterNav ul ul li:hover a::before, .AccordionFilterNav ul ul li.active a::before, .AccordionFilterNav ul ul li.current-cat a::before {
    background: var(--primary);
    border-color: transparent;
}


/* Third Level */


.AccordionFilterNav ul ul ul {
}


.AccordionFilterNav ul ul ul li {
}


.AccordionFilterNav ul ul ul li a {
}


/* Accordion Button */


.AccordionFilterNav ul li.has-subnav .accordion-btn {
    font-size: 14px;
}


.accordion-collapsed {
    color: var(--secondary);
}


.accordion-expanded, .accordion-collapsed:hover {
    color: #ffffff;
}


.accordion-btn-wrap {
    width: 100% !important;
    text-align: right !important;
    padding-right: 10px;
}


.AccordionFilterNav > ul > li.has-subnav > a {
    margin-right: 0px !important;
}


.AccordionFilterNav > ul > li.active .accordion-expanded, .AccordionFilterNav > ul > li.active .accordion-collapsed:hover {
    color: #ffffff;
}


.sideNav > ul > li.active > {
}


/*--secondary-nav--*/


.secondary-nav-holder {
}


.secondary-nav-holder ul {
    list-style: none;
    margin: 0px -25px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.secondary-nav-holder ul li {
    display: table;
    padding: 0px 35px;
}


.secondary-nav-holder ul li a {
    display: block;
    position: relative;
    text-align: center;
    color: var(--secondary);
    padding: 21px 0px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}


.secondary-nav-holder ul li a:hover, .secondary-nav-holder ul li.selected a, .secondary-nav-holder ul li.avtive a {
    color: var(--primary);
}


.secondary-nav-holder ul li.selected a, .secondary-nav-holder ul li.active a {
    font-weight: 600;
}


.secondary-nav-holder ul li a::after {
    position: absolute;
    left: 50%;
    width: 0px;
    height: 4px;
    content: "";
    transition: all 0.2s linear;
    bottom: 0px;
    background: var(--primary);
}


.secondary-nav-holder ul li a:hover::after, .secondary-nav-holder ul li.selected a::after, .secondary-nav-holder ul li.active a::after {
    width: 100%;
    left: 0px;
}


/*--Top- Search --*/


.quickSearch .modal-content {
    border-radius: 30px;
}


.top-search-holder {
    width: 100%;
}


.search-box-holder {
    margin: 0px;
    left: auto !important;
    right: 0px !important;
    transform: none !important;
    top: 50px !important;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ccc;
    width: 300px;
    z-index: 10;
    border-radius: 10px;
}


.top-input {
}


.search-box input::placeholder, .search-box input.form-control::-webkit-input-placeholder {
}


.search-box-holder .form-control:focus {
    color: var(--secondary) !important;
    border-color: var(--primary) !important;
}


.search-box {
    position: relative;
}


.top-button {
    position: absolute !important;
    top: 0px;
    right: 0px;
    padding: 0px !important;
    border: 0px;
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: var(--secondary); /*background:var(--primary); border-radius: 0px 3px 3px 0px; */
    font-size: 14px;
    transition: all 0.2s linear;
}


.top-button:hover {
    color: var(--alternate);
}


.top-button img {
    vertical-align: middle;
    position: relative;
    margin-top: -2px;
    transition: all 0.2s linear;
}


.top-link {
    display: block;
    text-align: center;
    line-height: 1;
}


.top-link img, .top-button img {
    transition: all 0.2s linear;
}


/*.header.sticky .top-link img,.header-secondary .top-link img{filter: invert(90%) sepia(18%) saturate(0%) hue-rotate(134deg) brightness(104%) contrast(95%);}*/


.top-link:hover img, .top-button:hover img, .header.sticky .top-link:hover img, .footer-bar a:hover img { /*filter: invert(62%) sepia(99%) saturate(292%) hue-rotate(354deg) brightness(93%) contrast(92%);*/
    opacity: 0.5;
}


.quickSearch .close {
    position: absolute;
    color: #ffffff;
    opacity: 1;
    right: 0;
    top: -35px;
    text-shadow: none;
}


.quickSearch .close:hover {
    color: var(--primary);
}


/*----*/


.gallery-holder {
    position: relative;
    max-width: 485px;
    margin: 0px auto;
    min-width: 485px;
}


.gallery-main {
    margin-bottom: 20px;
    padding: 14px;
    border-radius: 10px; /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .07);*/ /*border-radius: 25px; border: 1px solid #C9C9C9;*/
    overflow: hidden;
    border: 1px solid #7070701A;


    border-radius: 10px;
}


.gallery-main-slide {
    text-align: center;
    position: relative;
    background: none;
}


.gallery-main-slide .img-holder {
    padding-bottom: 85.6%;
}


.gallery-main-slide .img-holder figure { /*padding: 20px;*/
}


.gallery-main-slide .img-holder figure img {
    border-radius: 10px;
    object-fit: scale-down;
    height: 100% !important;
}


.gallery-main-slide a {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    color: var(--primary);
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 20px;
    opacity: 0;
    transition: all 0.2s linear;
    z-index: 1;
}


.gallery-main-slide a:hover {
    opacity: 1;
}


.gallery-nav {
    padding: 0px 40px;
    max-width: 460px;
    margin: 0px auto;
}


.gallery-nav .slick-list {
    padding: 0px 0px !important;
}


.gallery-nav-slide {
    cursor: pointer;
    transition: all 0.2s linear;
    text-align: center;
}


.gallery-nav-slide .img-holder {
    transition: all 0.2s linear;


    border-radius: 0;


    background: #ffffff;


    border: 0px solid transparent;


    padding-bottom: 89%;
}


.gallery-nav-slide .img-holder figure { /*padding: 10px;*/
}


.gallery-nav-slide .img-holder figure img {
    border-radius: 10px;
}


.gallery-nav-slide .img-holder:before { /*border: 1px solid transparent;transition: all 0.2s linear; content: ""; position:absolute; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; border-radius: 5px;background: rgba(0, 0, 0,.15);*/
}


.gallery-nav-slide.slick-current .img-holder:before, .gallery-nav-slide:hover .img-holder:before {
    border-color: var(--alternate); /*background:none;*/
}


.gallery-nav .slick-arrow {
    height: 100%;
    background: none;
    width: 40px;
    border-radius: 0px;
    border: 0px;
    opacity: 1;
    color: var(--dark);
    font-size: 18px;
}


.gallery-nav .slick-arrow:hover {
    background: none;
    color: var(--primary);
}


.gallery-nav .slick-prev {
    left: -7px;
    text-align: left;
}


.gallery-nav .slick-next {
    right: -7px;
    text-align: right;
}


/*.gallery-nav .slick-prev::before,.gallery-nav .slick-next::before{ width: 0px; height: 0px; }



.gallery-nav .slick-prev::before{ background-image:none !important;}



.gallery-nav .slick-next::before{ background-image:none !important;}



.gallery-nav .slick-arrow i{ display: block;}*/


@media only screen and (max-width: 567px) {


    .gallery-nav .slick-prev {
        left: 0px;
    }


    .gallery-nav .slick-next {
        right: 0px;
    }


}


/*----*/


.product-details-holder {
    padding-bottom: 0px;
}


.product-details {
    position: relative;
    padding-left: 20px;
}


.product-details-header {
    margin-bottom: 25px;
}


.product-details .product-cat {
    font-size: 17px;
}


.product-details-header h3 {


    padding-bottom: 15px;


    color: #363636;


}


.product-details-header .product-tag {
    margin-bottom: 30px;
}


.product-details .price-holder {
    line-height: 1;
    padding: 0px 0px 0px;
}


.product-details ins {
    font-size: 25px;
    padding-bottom: 15px;
}


.product-details ins bdi {
    font-size: 35px;
    font-weight: bold;
    color: #0A1E05;
    font-family: 'Poppins', sans-serif;
}


.product-details del {
    font-size: 18px;
}


ins:first-child bdi, ins:first-child, del:first-child {
    margin-left: 0px;
}


.ptitle {


    font-size: 21px;


    font-weight: normal;


    color: #0A1E05;


}


.product-availability {
    padding: 0px 0px 0px;
    font-weight: 700;
    font-size: 18px;
}


.instock .product-availability strong {
    color: #01C25B;
    font-weight: 700;
}


.outofstock .product-availability strong {
    color: var(--red);
}


.product-intro {
}


.product-intro h6 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}


.product-intro p {

    font-family: 'Poppins', sans-serif;

}


.product-intro-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.product-intro-list li {
    padding-bottom: 15px;
    font-weight: 700;
    color: #4E4E4E;
}


.product-intro-list li strong {
    width: 60px;
    font-weight: 400;
    color: #707070;
    display: inline-block;
}


.product-size {
    width: 240px;
}


.product-size {
    font-weight: 600;
}


.product-size-group {
    margin-bottom: 20px;
}


.product-footer {
    padding: 15px 0px;
}


.product-footer .product-wishlist {
    position: static;
}


.product-footer .product-wishlist a {
    padding: 0px;
}


.product-footer .product-wishlist a i.fas.fa-heart, .product-footer .product-wishlist a:hover {
    color: var(--red);
}


.product-footer .product-wishlist a i {
    margin: 0px;
}


.product-details .product-footer .product-wishlist a {
    width: 50px;
    height: 50px;
    background: none !important;
    display: inline-block;
    border: 1px solid #70707059;
    min-width: inherit;
    text-align: center;
    line-height: 10px;
    border-radius: 100px;
}


.product-details .product-footer .product-wishlist a:hover {
    color: #FEA30B;
    border-color: #FEA30B;
}


.product-details .product-footer .product-wishlist a i.fas.fa-heart {
    color: var(--red);
}


.product-details .product-footer .product-wishlist a i {
}


.product-footer .custom-button { /*width: 220px;*/
}


.product-details-table {
    margin-bottom: 30px;
}


.product-details-table table {
    border-radius: 10px;
    overflow: hidden;
}


.product-details-table table th {
    background: var(--secondary);
    color: #ffffff;
}


.product-details-table table th, .product-details-table table td {
    padding: 15px;
    text-align: center;
    border: 1px solid #ffffff;
}


.product-details-table table td {
    font-weight: 700;
    background: #F3F3F3;
}


.product-variations-holder {
    padding-bottom: 20px;
}


.product-variations-holder ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.product-variations-holder h6 {
    color: var(--secondary);
}


.product-variations-holder .radio label {
    color: var(--secondary);
    font-size: 18px;
    letter-spacing: -.7px;
}


@media only screen and (max-width: 567px) {


    .product-details-table table th, .product-details-table table td {
        padding: 10px;
        font-size: 80%;
    }


}


/*----*/


.product-review-section {
    padding-top: 60px;
    max-width: 955px;
    margin: 0px auto;
}


.reviews-holder {
    padding-bottom: 60px;
}


.review-box {
    position: relative;
    padding: 30px 0px;
    border-bottom: 2px solid #2a2a2a;
}


.review-box-content {
}


.review-title {
    padding-bottom: 10px;
}


.review-star {
    margin-bottom: 15px;
    line-height: 1
}


.review-star:last-child {
    margin-bottom: 0px;
}


.review-description {
    padding: 10px 0px;
}


.review-description-footer {
}


.review-description-footer p {
    margin-bottom: 0px;
}


.button-reviews {
    background: none;
    padding: 0px;
    border: 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--light);
    transition: all 0.2s linear;
}


.button-reviews:hover {
    color: var(--primary);
}


.review-form-holder {
    background: #242424;
    border-radius: 10px;
    padding: 30px 50px;
}


.review-form-holder .form-control {
    padding-top: 0px;
}


.review-form-holder textarea.form-control {
    height: 105px;
    padding-top: 15px;
}


.review-form-holder label {
    font-weight: 500 !important;
    width: 70px;
    margin-top: 15px;
    color: var(--secondary);
}


.review-form-holder .form-action {
    padding-left: 90px;
}


.review-text {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
}


.review-form-title {
    border-bottom: 2px solid #3c3c3c;
    padding-bottom: 30px;
    margin-bottom: 30px;
}


.review-form-title h6, .review-title h6 {
    font-size: 22px;
}


.review-form-holder .review-star-holder label {
    margin-top: 0px;
}


/*---*/


.product-quantity {
    padding: 0px 0px;
}


.product-details .product-quantity {
}


/*---*/


.add-qty {
    display: block;
    position: relative;
    border: 1px solid #A9A9A9;
    overflow: hidden;
    border-radius: 100px;
}


.add-qty {


    display: inline-block;


    position: relative;


    vertical-align: middle;


    border: 0;


    background: #ffffff;


    border-radius: 60px;


    width: 138px;


    text-align: center;


    border: 1px solid #C9C9C9;


    padding: 0px 0;


}


.qty-btn {


    bottom: 0px;


    border-top: 0px;


    text-align: center;


    border: 0;


    width: auto;


    font-size: 15px;


    text-align: center;


    background: #fff;


    font-weight: 600;


    color: #C9C9C9;


    border-radius: 0;


    padding: 4px;


    height: 36px;


}


.qty-btn:hover {
    color: #6B6B6B;
}


.qty {


    text-align: center;


    border: 0;


    width: auto;


    background: none;


    font-size: 15px;


    text-align: center;


    font-weight: 600;


    border-top: 0;


    color: #333333;


    border-radius: 0;


    padding: 9px 2px;


    max-width: 45px;


    /* border-left: 1px solid #C9C9C9;



     border-right: 1px solid #C9C9C9;*/


    border-bottom: 0;


}


button.qty-btn {


    padding: 0 6px;


    background: transparent;


    outline: none;


    min-width: 40px;


}


.qty-up {


    top: 0px;


    padding-left: 8px !important;


}


.qty-dwn {


    bottom: 0px;


    border-top: 0px;


    padding-right: 8px !important;


}


.qty-text {
    font-size: 15px;


    font-weight: normal;


    color: #6B6B6B;


    text-transform: capitalize;
}


/*---*/


/*---*/


/*----*/


.sideNav {
}


.sideNav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px solid #E3E3E3;
    border-top: 0;
    border-radius: 0;
    background: transparent;
    padding-left: 14px;
}


.sideNav ul li {
    display: block;
}


.sideNav ul li a {
    color: #333333;


    padding: 14px 18px;


    display: block;


    position: relative;


    margin: 0px !important;


    font-size: 15px;


    font-weight: normal;


    text-transform: capitalize;


    background: transparent;


    padding-right: 38px;
}


.sideNav ul li a:hover {
    color: #000;
}


.sideNav > ul > li {
    border-top: 0px solid #E3E3E3;
}


.sideNav ul li li > a {
    font-size: 15px;
    font-weight: normal;
    color: #515151;
    text-transform: inherit;
    padding: 14px 0;
    background: transparent;
    border-bottom: 0px solid #E3E3E3;
}


.sideNav ul li li > a:hover {
    color: #000;
}


.sideNav ul li li:last-child a {
    border: 0;
}


.sideNav ul li li li > a {
    font-weight: 400;
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 5px;
}


.sideNav ul ul {
    margin: 0px 16px;
    border: 0;
}


.accordion-btn-wrap {
    width: 30px !important;
    left: auto !important;
    right: 25px;
}


.sideNav ul li.active > a {
    color: #000; /*background: #52A086;*/
}


.accordion-collapsed {
    color: #505050;
}


.accordion-expanded, .accordion-collapsed:hover {
    color: #01478F;
}


.sideNav ul li li .accordion-btn-wrap {
    left: 0 !important;
    right: auto !important;
}


.sideNav ul li li .accordion-btn {
    text-align: left;
}


.sideNav ul li li .accordion-btn .fa-minus-circle::before, .sideNav ul li li .accordion-btn .fa-plus-circle::before {
    content: "\f0da";
    font-size: 20px;
}


.sideNav ul li li .accordion-collapsed {
    color: #DCDCDC;
}


.sideNav ul li li .accordion-expanded, .sideNav ul li li .accordion-collapsed:hover {
    color: #2B3C98;
}


.sideNav ul li li li.selected a {
    font-weight: 700;
    color: #B00016;
}


.sideNav > ul > li.active > a {
    border-bottom: 1px solid #E3E3E3;
}


.sideNav ul ul:before {


    content: "";


    width: 76%;


    height: 1px;


    display: block;


    border-top: 1px solid #E3E3E3;


    margin: 0 auto;


    position: relative;


    top: -14px;


    display: none;


}


/*----*/


.product-share {


    font-size: 20px;


    /*border-top: 1px solid #ccc;



    border-bottom: 1px solid #ccc;*/


    padding: 15px;


}


.product-details .product-share {
    padding: 0px 0px 0px;
    border-bottom: 0;
}


.product-share.alt {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}


.product-share a {
    display: inline-block;
    color: #505050;
    margin-right: 10px;
}


.product-details .product-share a {
    margin-right: 18px;
}


.product-share a i {
    margin-right: 0px;
    transition: all 0.2s linear;
}


.product-share a:hover {
    color: var(--alternate);
}


.product-share a.fb:hover {
    color: #3a5a99;
}


.product-share a.ins:hover {
    color: #9b36b7;
}


.product-share a.twi:hover {
    color: #55acee;
}


.product-share a.in:hover {
    color: #0076b2;
}


.product-share a.pint:hover {
    color: #e10017;
}


.product-share a.wha:hover {
    color: #25d366;
}


.product-share a.tel:hover {
    color: #38abe0;
}


.product-share a.yt:hover {
    color: #ff0000;
}


/*---*/


.icon-pod-box {


    margin: 0px auto;


    padding: 20px 20px;


    text-align: center;


    box-shadow: 0px 10px 30px #0000000f;


    position: relative;


    border-bottom: 0;


    padding-bottom: 25px;


    background: #ffffff;


    box-shadow: 5px 5px 25px #0000001c;


    border-radius: 10px;


}


.icon-pod-box h5 {
    padding-bottom: 8px;
    font-size: 20px;
    color: #303030;
    font-weight: bold;
}


.icon-pod-img {
    height: 52px;


    width: 52px;


    line-height: 52px;


    margin: 10px auto;


    position: relative;


    background: #fff;
}


.icon-pod-img img {
    vertical-align: middle;
    max-height: 98px;
}


.icon-pod-info h6 {
    padding-bottom: 15px;
    font-size: 20px;
}


.icon-pod-box h6 {


    font-size: 16px;


    color: #000;


    font-weight: normal;


    padding-bottom: 5px;


}


.icon-pod-info h6 a {
    text-decoration: underline !important;
}


/*----*/


.news-list-holder {
    padding-bottom: 30px;
    padding-top: 30px;
}


.news-list {
}


.news-box {
}


.news-box a {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    overflow: hidden;
    color: var(--secondary);
    border: 1px solid #DCDCDC;
    border-radius: 60px 60px 60px 0px;
}


.news-box:hover a {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .15);
}


.news-box-img {
    position: relative;
}


.news-box .img-holder {
    padding-bottom: 75.74%;
    border-radius: 60px 60px 60px 0px;
}


.news-box.news-hero .img-holder {
    padding-bottom: 39.75%;
}


.news-info-holder {
    padding: 20px;
    position: relative;
}


.news-box:hover .news-info-holder { /*border-color: var(--primary);*/
}


.news-box-content {
    padding: 20px;
}


.news-box-title {
    padding-bottom: 10px;
}


.news-box h2 {
    transition: all 0.2s linear;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 10px;
}


.news-box-info-holder {
    padding: 20px 30px;
    background: #ffffff;
}


.news-box-info {
    padding: 0px 0px 10px;
    font-weight: 300;
}


.news-box-info:last-child {
    padding-bottom: 0px;
}


.news-footer {
    display: block;
    text-align: center;
    background: #7E8180;
    transition: all 0.2s linear;
    color: #ffffff;
    border-radius: 0px 0px 3px 3px;
    text-transform: uppercase;
    padding: 13px 0px;
}


.news-box:hover .news-footer {
    background: var(--primary);
}


.news-details {
    font-weight: 300;
    padding-right: 30px;
}


.news-details-img {
    position: relative;
    margin-bottom: 30px;
}


.news-details img {
}


.news-details-title {
    padding-bottom: 0px;
}


.news-details-title h3 {
    color: #363636;
}


.news-details-info {
    border-bottom: 2px solid #f4f4f4;
    border-top: 2px solid #f4f4f4;
    margin-bottom: 15px;
    padding-bottom: 40px;
    margin-top: 30px;
    padding-top: 30px;
    line-height: 1.8;
}


.news-meta {
    padding-bottom: 20px;
    color: #7E8180;
    line-height: 1;
    font-size: 14px;
}


.news-meta a {
    color: #13C1FD;
}


.news-meta a:hover {
    color: var(--alternate);
}


.news-meta i {
    margin-right: 5px;
}


.news-meta .col-auto {
}


.news-meta .col-auto:last-child {
}


.news-tag {
    display: inline-block;
    line-height: 1;
    color: var(--primary);
    padding: 8px 10px;
    border: 1px solid var(--primary);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background: #e5eff9;
    text-transform: uppercase;
}


.news-avtar {
    width: 43px;
    border-radius: 50%;
    overflow: hidden;
}


.news-date {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}


.news-date span {
    display: inline-block;
    padding: 16px 45px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    background: #67300C;
    border-radius: 60px 0px 25px 0px;
    line-height: 1;
    transition: all 0.2s linear;
    font-weight: 500;
}


.news-date strong {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    padding-top: 3px;
}


.news-category {
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 10px;
}


.news-categories {
    list-style: none;
    margin: 0px 0px 30px;
    padding: 0px;
}


.news-categories li {
    display: block;
    position: relative;
}


.news-categories li a {
    display: block;
    font-weight: 500;
    padding: 5px 0px;
}


.news-categories li:hover a {
    color: #D7263D;
}


.news-details-footer {
    padding-top: 20px;
}


.news-right {
}


.related-news {
}


.related-news ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.related-news li {
}


.related-news li a {
    display: block;
    padding: 20px 0px 20px 20px;
    border-bottom: 2px solid #eaeaea;
    color: var(--secondary);
    position: relative;
}


.related-news li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    color: var(--alternate);
    position: absolute;
    left: 0px;
    top: 20px;
}


.related-news li:last-child a { /*border-bottom: 0px;*/
}


.related-news li a:hover {
    color: var(--alternate);
}


/*----*/


.custom-button, a.custom-button {
    cursor: pointer;


    display: inline-block;


    text-align: center;


    position: relative;


    z-index: 1;


    outline: none !important;


    text-decoration: none !important;


    font-weight: bold;


    color: #ffffff;


    border-radius: 25px;


    border: 1px solid transparent;


    vertical-align: top;


    padding: 0 0;


    font-size: 15px;


    text-transform: uppercase;


    line-height: 17px;


    background: transparent;


    transition: all 0.3s linear;


}


.custom-button img, a.custom-button img {
    vertical-align: baseline;
    transition: all 0.3s linear;
    padding-left: 12px;
}


.custom-button.button-secondary, a.custom-button.button-secondary {
    background: #ffffff;
    color: var(--primary);
}


.custom-button.button-border, a.custom-button.button-border {
    background: none;
    color: var(--light);
    border-color: var(--light);
}


.custom-button:hover, .custom-button.selected, a.custom-button:hover, a.custom-button.selected { /*color: #ffffff !important;*/
    background: transparent !important;
    border-color: transparent;
}


.mwidth {
    min-width: 205px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.custom-button.btn-block, a.custom-button.btn-block {
    width: 100% !important;
    min-width: inherit !important;
    padding-right: 10px;
    padding-left: 10px;
}


.custom-button.btn-block + .custom-button.btn-block {
    margin-top: 20px;
}


.button-holder {
}


.button-holder .custom-button {
    margin: 5px 15px 5px 0px;
}


.button-holder .custom-button:last-child {
    margin-right: 0px;
}


.custom-button img {
    display: inline-block;
}


.custom-button i {
}


.iright {
    margin-left: 10px;
}


.ileft {
    margin-right: 10px;
}


.custom-button .iright {
    margin-left: 10px;
}


.custom-button .ileft {
    margin-right: 10px;
}


.uncap {
    text-transform: none !important;
}


.custom-button.no-icon::before, a.custom-button.no-icon::before {
    display: none;
}


.custom-button.no-icon, a.custom-button.no-icon {
    padding: 17px 35px;
}


.custom-button.no-icon.btn-block, a.custom-button.no-icon.btn-block {
    padding: 17px 30px;
}


.btn-dark {
    background: #A2A2A2 !important;
}


/*-- Button-Effect--*/


/*.custom-button::after { content: ""; display: inline-block; height: 100%; width: 100%; border-radius: 100px; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.4s; }



.custom-button::after{ background-color:var(--primary); }



.custom-button.button-secondary::after { background-color:var(--alternate); }



.custom-button.button-white::after { background-color:#ffffff; }



.custom-button:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; }*/


/*-- Button-Effect END--*/


/*--Links--*/


.text-link, a.text-link {
    color: #2E2E2E;
    text-decoration: underline !important;
    transition: all 0.2s linear;
}


a.text-link:hover {
    color: var(--primary);
    text-decoration: underline !important;
}


.text-link.has-icon::after, a.text-link.has-icon::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    margin-left: 8px;
    position: relative;
    font-size: 14px;
}


/*--Slick Arrow--*/


.slick-arrow, .custom-arrows a {
    opacity: 1;


    font-size: 18px;


    width: 40px;


    height: 40px;


    line-height: 40px;


    text-align: center;


    color: #0fb9b1;


    border-radius: 100px;


    display: block;


    cursor: pointer;


    border: 0px;


    transition: all 0.2s linear;


    background: transparent;


    border: 1px solid #0fb9b1;
}


.custom-arrows a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
}


.custom-arrows a:first-child {
    margin-right: 10px;
}


.slick-arrow:hover {
}


.custom-arrows a:hover {
}


.arrows-plain .slick-arrow {
    width: auto;
    height: auto;
    line-height: inherit;
    border: 0px;
    border-radius: 0px;
    opacity: 1;
    background: none;
}


.arrows-white .slick-arrow {
    background: rgba(255, 255, 255, .2);
}


.slick-arrow:hover, .custom-arrows a:hover {
    opacity: 1;
    background: var(--primary);
    color: #ffffff;
}


.arrows-plain .slick-arrow:hover {
    background: none;
    color: var(--primary);
}


.arrows-alternate .slick-arrow {
    background: #ffffff;
    color: var(--primary);
}


.arrows-alternate .slick-arrow:hover {
    opacity: 1;
    background: #ffffff;
    color: var(--primary);
}


/*----*/


.footer-wrapper {
    display: block;


    position: relative;


    width: 100%;


    font-size: 15px;


    z-index: 9;


    color: #646464;
}


.footer-nav, .social-icons, .social-list, .contact-list, .bottom-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.contact-list {
    margin-bottom: 40px;
}


.contact-list:last-child {
    margin-bottom: 0px;
}


.footer-nav li, .contact-list li, .social-list li {
    position: relative;
    padding-bottom: 12px;
}


.contact-list li:last-child, .footer-nav li:last-child, .social-list li:last-child {
    padding-bottom: 0px;
}


.footer-nav li a, .social-list li a {
    display: block;
    position: relative;
    text-transform: capitalize;
}


.footer-nav.inline {
    text-align: center;
}


.footer-nav.inline li {
    display: inline-block;
    padding: 5px 0px;
    margin: 0px 20px; /*padding-right: 8px; border-right: 1px solid #b590a2;*/
    line-height: 1;
}


.footer-nav.inline li:first-child {
    padding-left: 0px;
    margin-left: 0px;
}


.footer-nav.inline li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}


.contact-list li {
    padding-left: 25px;


    display: inline-block;


    vertical-align: top;


    width: 100%;


    margin-right: 14px;
}


.contact-list li.inline {
    display: inline-block;
    margin-right: 30px;
}


.contact-list li.inline.inline-last {
    margin-right: 0px;
}


.social-icons {
    position: relative;
    margin: 0px -15px;
}


.social-icons li {
    display: inline-block;
    line-height: 1;
    padding: 0px 15px;
}


.social-icons li:first-child {
    margin-left: 0px;
}


.social-icons li:last-child {
    margin-right: 0px;
}


.social-icons li a {
    display: block;
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
}


.social-icons li a:hover {
    color: var(--alternate);
}


.social-list li a {
    padding-left: 25px;
}


.contact-list li i, .social-list li i, .contact-list li img, .social-list li img {
    position: absolute;
    left: 0px;
    top: 5px;
}


.contact-list li i, .contact-list li a {
    color: #2E2E2E;
}


.contact-list li a:hover {
    color: #0fb9b1;
}


.footer-wrapper h6 {


    padding-bottom: 20px;


    color: #3D3D3D;


    font-size: 19px;


    text-transform: uppercase;


    font-weight: normal;


}


.footer {
}


.footer-bottom a {
    text-decoration: none;
    color: #646464;
}


.footer-bottom a:hover, .footer-nav li.selected a, .footer-nav li.active a {
    color: #0fb9b1;


    text-decoration: underline;
}


.footer-logo { /*max-width: 238px;*/
    margin: 0px auto;
}


.foo-box {
    width: 160px;
}


.foo-box.foo3 {
}


.foo1 {
    width: 340px; /*285px kafi*/
}


/*.foo2 {width: 315px;     padding-left: 13px;}



.foo3 {



    width: 190px;



}*/


/*.foo4 {width: 110px;}*/


.foo5 {
    width: 240px;
}


.foo-box .contact-list li:first-child {


    width: 100%;


}


.foo-box .contact-list li label {
    margin-left: 25px;
}


.foo-box p {
    font-size: 15px;
}


.back-link {
    color: #8DC11E;
}


.next-prvs a {
    font-weight: 600;
    padding: 0 15px;
    border-right: 1px solid;
}


.next-prvs a:last-child {
    border: 0;
}


.next-prvs a:hover {
    color: #8DC11E;
}


.footer-top .container {
    margin-bottom: 50px;
}


.footer-bottom .container .row {
}


.foo-box .social-icons {
    margin-top: 0px;
}


.foo-box .contact-list i {
    color: #000;
}


.foo-box .social-icons li {
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
}


.foo-box .social-icons a {
    color: #646464;
    font-size: 15px;
}


.foo-box .social-icons a i {
    margin-right: 5px;
    width: 14px;
    color: #000;
}


.foo-box .social-icons a:hover {
    color: #0fb9b1;
}


.bottom {
    padding: 19px 0px;
    text-align: center;
}


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


.bottom-nav li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}


.bottom-nav li:last-child {
    margin-right: 0px;
}


.bottom-nav li::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f111";
    display: inline-block;
    font-size: 4px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}


.bottom-nav li:last-child::after {
    display: none;
}


.payment-card {
}


.footer-bar {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 15px 0px;
    background: #000000;
    z-index: 99;
    border-top: 1px solid rgba(255, 255, 255, .1);
}


.footer-bar a {
    display: block;
    text-align: center;
    width: 35px;
    font-size: 15px;
    margin: 0px auto;
    line-height: 1;
    color: #ffffff;
    position: relative;
}


.footer-bar a img {
    vertical-align: middle;
    display: inline-block;
    filter: invert(96%) sepia(86%) saturate(0%) hue-rotate(139deg) brightness(110%) contrast(100%);
    transition: all 0.2s linear;
}


.footer-bar a:hover img {
}


.footer-bar a span {
    position: absolute;
    top: -16px;
    right: -16px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    background: var(--alternate);
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 20px;
    border: 3px solid #ffffff;
}


.footer-bar a span {
    display: inline-block;
    top: -12px;
    right: -12px;
}


.footer-bar .col:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3);
}


.top-cart, .top-link {
    position: relative;
    line-height: 1;
}


.top-cart:hover { /*background: var(--dark);*/
}


.footer-bar a span, .top-cart span {
    position: absolute;
    top: -16px;
    right: -18px;
    color: var(--dark);
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: #0fb9b1;
    font-size: 14px;
    font-weight: 600;
    border-radius: 70px;
}


.top-cart a strong {
    font-weight: bold;
}


.copyright {


    color: #FFFFFF;


    background: #000;


    font-size: 15px;


}


.copyright a {
    display: inline-block;
    color: #000;
    padding: 0 7px;
}


.copyright strong {
    background: url("../images/verz-logo.png") no-repeat scroll right center;
    padding-right: 22px;
    font-weight: 400;
}


.copyright a:hover {
    color: #ffffff;
}


.bottom-newsletter {
    padding-bottom: 60px;
    border-bottom: 2px solid #848484;
    margin-bottom: 60px;
}


.newsletter-holder {
    position: relative;
    margin-bottom: 0px;
    box-shadow: 11px 7px 23px #00000029;
    border-radius: 30px;
}


.newsletter-input {
    padding-left: 30px;
}


.newsletter-holder input::placeholder, .newsletter-holder input.form-control::-webkit-input-placeholder {
    color: #707070 !important;
    opacity: 1 !important;
}


.newsletter-button {
    transition: all 0.2s linear;


    position: absolute !important;


    top: 5px;


    right: 5px;


    border: none;


    background: #0fb9b1;


    color: #333333;


    text-align: center;


    line-height: 40px;


    height: 40px;


    width: 40px;


    border-radius: 25px;
}


.newsletter-button::before {
    display: none;
}


.newsletter-button:hover {
    color: #ffffff;
    background: #00502D !important;
}


.newsletter-button:hover img {
}


.newsletter-holder .form-control:focus {
    color: #5D5B5B !important;
}


.newsletter-holder .mc4wp-form-fields {
    position: relative;
}



@media only screen and (max-width: 575.98px) {


    .newsletter-button { /*position: static!important; width: 100%; margin-top: 15px;*/
    }


    .bottom-newsletter {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }


}


/*----*/


.thankyou-content-holder {
}


.thankyou-img {
    padding-bottom: 47.48%;
}


.thankyou-img::before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #ffffff;
    opacity: 0;
    background: url(../images/thankyou-overlay.png) no-repeat;
    background-size: 100% 100%;
}


.thankyou-content {


    text-align: left;


    max-width: 700px;


    color: #ffffff;


    margin: 0 0;


}


.thankyou-content h1, .thankyou-content h2 {


    font-size: 80px;


    padding-bottom: 20px;


    font-weight: 600;


    letter-spacing: -1.6px;


    color: #2E2E2E;


}


.thankyou-content h2 {
    font-size: 85px;
    font-weight: 300;
    padding-bottom: 30px;
}


.thankyou-content p {
    color: #646464;


    font-size: 20px;
}


.odd-even-list {
}


.odd-even-box {
    padding: 15px 0px;
    border-bottom: 1px solid #e4e4e4;
}


.odd-even-box:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}


.odd-even-list .odd-even-box:nth-child(even) [class*="col-"]:first-child {
    order: 2;
}


.odd-even-list .odd-even-box:nth-child(even) [class*="col-"]:last-child {
    order: 1;
}


.odd-even-img {
    padding-right: 30px;
}


.odd-even-list .odd-even-box:nth-child(even) .odd-even-img {
    padding-left: 30px;
    padding-right: 0px;
}


.content-box {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border-radius: 14px;
    margin-bottom: 30px;
}


.content-box.alt {
    border-radius: 24px;
}


.content-box:last-child {
    margin-bottom: 0px;
}


.content-box-title {
    background: var(--primary);
    padding: 17px 30px;
    border-radius: 14px 14px 0px 0px;
}


.content-box-content {
    padding: 0px 30px;
}


.content-box.alt .content-box-content {
    padding: 60px 80px;
}


/*---*/


em {
    font-style: italic;
}


.pageTitle {
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: 20px;
}


.pageTitle:last-child {
    margin-bottom: 0px;
}


.pageTitle-Border {
    position: relative;
}


.pageTitle-Border:after {
    content: "";
    width: 60px;
    height: 1px;
    display: inline-block;
    background: #363636;
    opacity: 0.4;
}


.pageTitle h1, .pageTitle h2 {
    font-size: 40px;
    letter-spacing: 0px;
}


.pageTitle.md h1, .pageTitle.md h2 {
    font-size: 35px;
}


.pageTitle.sm h1, .pageTitle.sm h2 {
    font-size: 30px;
}


.pageTitle h3 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 500;
    letter-spacing: 1.92px;
    text-transform: uppercase;
    padding-bottom: 10px;
}


.banner_caption .captionContainerInner { /* max-width: 490px;*/


    padding-bottom: 100px;


    text-align: right;


    float: right;
}


.banner_caption .captionContainer h2, .banner_caption .captionContainer h1 {
    font-size: 50px;


    color: #041114;


    line-height: 1.1;


    font-weight: 600;


    padding-bottom: 40px;


    text-transform: none;
}


.banner_caption .captionContainer h2 img {
    margin-bottom: 40px;
    display: inline-block;

    text-align: right;
}


.banner_caption .captionContainer h1 {
    font-size: 60px;
    padding-bottom: 0px;
}


.banner_caption .captionContainer p {
}


.home-banner-slide-img {
    padding-bottom: 56.25%;
}


.inner-banner-img {
    padding-bottom: 13.14%;
}


.inner-banner .banner_caption .captionContainer {
    vertical-align: middle;
}


.inner-banner .banner_caption .captionContainerInner {
    padding-bottom: 0px;
    width: 100%;
    max-width: 100%;
}


.homeBannerSlider .slick-dots {
    width: auto;


    left: 50%;


    bottom: 11%;


    transform: translateY(-50%);


    transform: translateX(-50%);


    right: auto;


    bottom: 30px;
}


.homeBannerSlider .slick-dots:after {
    content: "";
    width: 1px;
    height: 100%;
    display: block;
    background: #ffffff;
    position: relative;
    left: 14px;
    bottom: -20px;
    opacity: 0.15;
}


.homeBannerSlider .slick-dots li {
    margin: 13px 6px;
}


.homeBannerSlider .slick-dots li:hover, .homeBannerSlider .slick-dots li.slick-active {
    width: 30px;
    height: 17px;
}


.homeBannerSlider .slick-dots li:hover button:after, .homeBannerSlider .slick-dots li.slick-active button:after {
    width: 27px;

    height: 27px;

    left: -3px;

    top: -3px;
}


.homeBannerSlider .slick-dots li:hover button, .homeBannerSlider .slick-dots li.slick-active button {
    width: 30px;
    height: 17px;
    left: 3px;
}


.top-right {
    position: relative;
    z-index: 9;
}


.headerInfoBar {
    text-align: center;
    color: #ffffff;
    padding: 8px 0px;
    background: #00ACE1;
}


/*.home-container,.banner_caption .captionWrapper{ max-width: 1460px;  max-width: 1190px;}*/


.banner_caption .captionWrapper { /*max-width:1280px;*/
    padding-right: 110px;
}


.inner-banner .banner_caption .captionWrapper {
    max-width: 1210px;
}


.home-container {
    font-size: 20px;
}


.section-bg {
    position: absolute;
    height: 100%;
    bottom: 0px;
    right: 0px;
    width: 43.07%;
}


.section-bg img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: 50% 50%;
}


.home-section2 .section-bg {
    width: 36.77%;
    left: 0px;
    right: auto;
}


.bottom-cta {


    width: 100%;


    text-align: center;


    margin: 0 auto;


    max-width: 685px;


}


.bottom-cta-img1 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 42.18%;
}


.bottom-cta-img2 {
    position: absolute;
    right: 0px;
    top: 0px;
}


.copyright, .footer-nav {
}


.bottom-whatsapp-icon {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 5;
}


.bottom-whatsapp-icon a {
    display: block;
    text-decoration: none;
    width: 90px;
    height: 90px;
    font-size: 38px;
    text-align: center;
    line-height: 90px;
    border-radius: 45px 45px 45px 0px;
    background: #28A71A;
    color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1);
}


.bottom-whatsapp-icon a:hover {
    background: var(--alternate);
    color: #ffffff;
}


.featured-products-container {
    padding-top: 80px;
}


.about-section {
    padding: 80px 0px;
}


.mission-vision-img {
    width: 80px;
}


.bottom-cta-container {
    padding: 120px 0px;
    overflow: hidden;
}


.product-list .price-holder ins {
    font-size: 21px;
    font-weight: bold;
    color: #0A1E05;
    font-family: 'Poppins', sans-serif;
}


.product-list .price-holder ins bdi {
    font-size: 16px;
}


.product-list .price-holder del { /*font-size: 14px;*/
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}


.news-arrow {
    position: absolute;
    right: 0px;
    bottom: 0px;
    transition: all 0.2s linear;
    width: 105px;
    height: 60px;
    line-height: 60px;
    color: var(--dark);
    background: rgba(241, 241, 241, .8);
    border-radius: 60px 0px 60px 0px;
    z-index: 2;
    text-align: center;
}


.news-box:hover .news-arrow, .news-box:hover .news-date span {
    background: var(--alternate);
    color: #ffffff;
}


.news-box.news-hero a {
    border: none;
    box-shadow: none !important;
}


.news-box.news-hero .news-box-info-holder {
    padding-left: 0px;
    padding-right: 0px;
}


.news-box.news-hero h2 {
    font-size: 30px;
}


.news-details .news-date {
    position: static;
    margin-bottom: 30px;
}


.news-details .news-date span {
    border-radius: 25px 25px 25px 0px;
}


.gallery-box .img-holder {
    padding-bottom: 78.10%;
}


.gallery-box.gallery-height1 .img-holder {
    padding-bottom: 79.92%;
}


.gallery-box.gallery-height2 .img-holder {
    padding-bottom: 39.25%;
}


.gallery-list {
    padding-bottom: 50px;
}


.grid-box:hover a {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .5);
    padding: 0;
}


/*----*/


.product-box .product-box-footer > .custom-button, .product-details .product-footer .custom-button {
    color: #0F0E0E;
    background: var(--primary); /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .15);*/
}


.product-details .product-footer .custom-button.button-secondary {
    color: var(--primary) !important;
    background: #ffffff !important;
}


/*.product-box:hover .product-box-footer>.custom-button,.product-details .product-footer*/ /*.custom-button:hover{color: #ffffff !important; background: #713610 !important;}*/


.product-box.out-of-stock .product-box-footer > .custom-button {
    color: #ffffff !important;
    background: #B7B7B7 !important;
    pointer-events: none;
    cursor: default;
}


.product-box .added_to_cart {
}


.tool-bar .woocommerce-ordering {
    margin-bottom: 0px !important;
    float: none !important;
}


/*----*/


.lead {
    font-size: 26px;
}


.img-left {
    float: left;
    margin: 7px 40px 25px 0px;
    max-width: 50%;
    border-radius: 15px;
}


.img-right {
    float: right;
    margin: 7px 0px 25px 40px;
    max-width: 50%;
    border-radius: 15px;
}


.video-container a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}


.video-container a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f04b";
    content: "";
    transition: all 0.2s linear;
    opacity: 1;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 40px;
    width: 148px;
    height: 176px;
    background: url(../images/play-btn.png) no-repeat;
    background-size: 100% 100%;
}


.video-container a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    background: #000000;
    opacity: .5;
    z-index: 1;
}


.bg-overlay {
    position: relative;
}


.bg-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    background: #000000;
    opacity: .2;
    z-index: 2;
}


.overlay-dark::before {
    opacity: .8;
}


.overlay-white::before {
    background: #ffffff;
}


.overlay-xlg::before, .overlay-xl::before, .overlay-lg::before, .overlay-md::before, .overlay-sm::before {
    visibility: hidden;
}


.rounded-corner {
    border-radius: 10px;
    overflow: hidden;
}


[data-animation-in] {
    opacity: 0;
}


.white {
    color: var(--white);
}


.loadmore-item {
    display: none;
}


.loadMoreBtn {
    margin-top: 30px;
}


/*<div class="loadMoreBtn text-center" ><a href="javascript:void(0);" class="custom-button">Load More</a></div>*/


.container-fluid { /* max-width: 100%; padding-right: 60px;padding-left: 60px;*/
}


.promo-tag {
    display: inline-block;


    line-height: 11px;


    color: #ffffff;


    padding: 7px 12px;


    border-radius: 0 5px 5px 0px;


    font-size: 13px;


    text-transform: uppercase;


    font-weight: normal;


    position: absolute;


    top: 10px;


    left: 5px;


    z-index: 3;


    text-align: center;
}


.home-section1 p { /*font-size: 20px; line-height: 40px;*/
}


.services-box-info-holder {


    padding: 30px;


    background: #b3e7fc;


}


.services-box {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}


.services-box a {
    color: #363636;
}


.services-box-info-holder h3 {
    color: #363636;
}


.services-box-info-holder p {
    color: #515151;
}


.services-box-footer {


    font-weight: 500;


}


.services-box a:hover .services-box-info-holder h3 {
    color: #13C1FD;
}


.services-box a:hover .services-box-footer span {
    color: #13C1FD;
}


a.btn-more {
    color: #0F0E0E;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    line-height: 38px;
}


a.btn-more:hover {
    color: #00502D;
}


.clients-content {


    padding: 40px 25px;


    background: #ffffff;


    box-shadow: 0px 10px 30px #0000000F;


    border-radius: 10px;


}


.client-photo {
    display: inline-block;
}


.client-photo img {


    display: inline-block;


    float: left;


}


.clnt-top-info {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding-top: 9px;
    padding-left: 15px;
}


.articles-box a {


    color: #515151;


}


.articles-box h5 {
    color: #363636;


    font-size: 18px;


    font-weight: normal;


    display: block;


    width: 100%;
}


.clnt-top-info p {


    display: block;


    font-size: 14px;


    text-transform: uppercase;


}


.clnt-top-info h5 {


    display: block;


    color: #333333;


    font-size: 21px;


    margin-bottom: 0;


    padding-bottom: 7px;


}


.articles-box-title {


    padding: 14px 0;


    display: block;


    /*border-bottom: 1px solid #ccc;*/


    width: 100%;


    margin-bottom: 5px;


}


.articles-box .img-holder {
    padding-bottom: 58%;
}


.title-top-head .btn-more {
    display: inline-block;
    margin-right: 10px;
}


.title-top-head .custom-arrows {
    display: inline-block;
}


.event-dt.row {


    margin-top: 15px;


    width: 100%;


    display: block;


    color: #515151;


    font-size: 13px;


}


.msn-vsn-box {


    width: 100%;


    display: block;


    padding: 16px 0;


}


.about-pod-holder {
    padding: 50px 20px;
}


.icon-pod-box h3 {


    color: #363636;


}


.icon-pod-item {


    margin-top: 60px;


}


.icon-pod-item:last-child {
    border: 0;
}


.right-data-row .content-img-holder {


    margin-left: -390px;


    padding-right: 0px;


}


.left-data-row .content-img-holder {


    margin-right: -390px;


}


.articale-holder .articles-box {


    padding: 15px;


}


.sidebar .search-box button {


    position: absolute;


    top: 10px;


    right: 12px;


    background: none;


    border: 0;


}


.sidebar .top-input {


    height: 46px;


    background: #ffffff;


    border-color: #FFFFFF;


    color: #585858;


    padding-left: 20px;


    width: 100%;


    border: 0;


    border-radius: 0;


    border: 1px solid #EDEDED;


    transition: all 0.3s linear;


}


.articles-box:hover { /*box-shadow: 12px 12px 14px #0000000A;*/
    margin-top: -15px;
}


.related-news .articles-box {
    box-shadow: 0 0 0 0;
    padding: 0 0;
}


.articles-box .articles-box-info .btn-rmore {
    color: #0fb9b1;
    font-weight: bold;
}


.articles-box:hover .articles-box-info .btn-rmore {
    color: #000;
}


.related-news .articles-box-title {
    border-bottom: 0;
}


.related-news .articles-box:hover h5 {
    color: #13C1FD;
}


.articale-holder {


    border-bottom: 1px solid #C1C1C1;


}


.news-categories ul {
    padding: 0;
}


.news-categories ul li a {
    color: #363636;
}


.news-categories ul li a:hover {
    color: #13C1FD;
    text-decoration: underline;
}


.news-right .product-share a {
    background: #C4C4C4;
    color: #ffffff;
    display: inline-block;


    margin-right: 10px;


    border-radius: 100px;


    width: 30px;


    height: 30px;


    font-size: 13px;


    vertical-align: middle;


    line-height: 30px;


    text-align: center;
}


.product-share span {


    color: #1F1F1F;


    font-size: 15px;


    margin-right: 10px;


    display: inline-block;


}


.news-right .product-share a:hover {
    background: #4267B2;
    color: #ffffff;
}


.articles-bottom-links {


    padding: 25px 0;


}


.articles-bottom-links .btn-dark {
    margin-left: 10px;
}


.product-listing-right .product-box-info-holder {
    padding: 0px 0px;
    /*padding-bottom: 10px;*/
}


.product-listing-right .product-list {


    padding: 15px 0px;


    border-top: 1px solid #ebebeb;


    border-bottom: 1px solid #ebebeb;


    margin-top: 10px;


    margin-bottom: 10px;


}


.product-intro {


    border-top: 1px solid #EDEDED;


    padding: 25px 0;


    border-bottom: 1px solid #EDEDED;


}


.product-footer .product-cart .custom-button {


    /* min-width: 255px;*/


}


.product-details .pd-catg {
    text-align: left;
}


.gallery-nav-slide.slick-slide.slick-current.slick-active .img-holder {
    border: 5px solid #01478F;
    border-radius: 5px;
}


.details-breadcrumbs li strong {


    color: #444444;


}


.details-breadcrumbs li a {
    color: #202020;
}


.details-breadcrumbs {
    background: #F3F3F3;
    padding: 15px 0;
}


.contact-section1 .container {
    max-width: 1480px;
}


.data-contanet-box {
    padding-right: 50px;
    padding-left: 20px;
}


.contect-img-holder img {
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}


.contact-right {
    padding: 10px 10px;
    min-height: 1058px;
}


.contact-right .pageTitle.md h2 {
    color: #363636;
}


.google-recaptch {


    position: absolute;


    bottom: 100px;


    z-index: 9;


    right: -5px;


}


.ct-item i {
    margin-right: 13px;
}


.ct-item {


    display: block;


    width: 100%;


    margin-bottom: 10px;


}


.contact-bottom-section .container-fluid {
    padding: 0 0;
}


.contact-bottom-section .accordion-holder {


    padding: 0 80px;


}


.treatments-info {
    width: 100%;
    display: block;
    padding-top: 20px;
}


.treatments-info h3 {
    margin-bottom: 0;
    padding-bottom: 0px;
}


.treatment-price {


    width: 100%;


    display: block;


    padding: 10px 0;


    margin-bottom: 10px;


}


.treatment-price strong {
    font-weight: 800;
    font-size: 20px;
}


.treatments-info .contact-list {
    margin-bottom: 20px;
}


.treatments-info .contact-list li i {
    color: #B0B0B0;
}


.treatments-info .contact-list li {
    font-size: 16px;
}


.hover-img {
    display: none;
}


.sideNav ul li.active > a .hover-img, .sideNav ul li > a:hover .hover-img {
    display: inline-block;
}


.sideNav ul li.active > a .normal-img, .sideNav ul li > a:hover .normal-img {
    display: none;
}


.conditions-sidebar .sideNav ul ul {
    padding: 20px 0;
}


.conditions-sidebar .sideNav ul li li > a {
    padding: 5px 0;
}


.conditions-sidebar .sideNav ul li li.active > a {
    background: transparent;
    color: #50C6E9;
    text-decoration: underline;
    padding-left: 0;
    padding-right: 0;
}


.conditions-sidebar .sideNav li {


    display: block;


    padding-bottom: 0px;


    position: relative;


    padding-left: 0px;


}


.conditions-sidebar .sideNav li:after {
    content: "";


    left: -30px;


    top: 23px;


    position: absolute;


    font-family: "Font Awesome 5 Free";


    font-weight: 900;


    font-size: 15px;


    width: 11px;


    height: 11px;


    background: #ffffff url(../images/normal-sidebar.png) no-repeat left center;


    color: #FFFFFF;
}


.conditions-sidebar .sideNav li:first-child a:after {
    top: 27px;
}


.conditions-sidebar .sideNav li:hover, .conditions-sidebar .sideNav li.selected, .conditions-sidebar .sideNav li.active {
    color: #30D7D8;
}


.conditions-sidebar .sideNav li.selected, .conditions-sidebar .sideNav li.active {
    color: #30D7D8;
}


.conditions-sidebar .sideNav li:hover:after, .conditions-sidebar .sideNav li.selected:after {
    background: url(../images/active-sidebar.png) no-repeat left center;
}


.conditions-sidebar .sideNav li:before {


    content: "";


    display: inline-block;
    height: 102%;


    background: #13C1FD;


    width: 2px;


    position: absolute;


    top: 28px;


    z-index: -1;


    left: -25px;


}


.conditions-sidebar .sideNav li:last-child:before {
    display: none;
}


.conditions-sidebar .sideNav li li:before {
    display: none;
}


.conditions-sidebar .sideNav li li:after {
    display: none;
}


.conditions-sidebar .accordion-expanded i {
    transform: rotate(
        90deg);
}


.right-data-row {
    padding-top: 50px;
}


.footer-bottom {


    padding-top: 0px;


}


.foo-box .footer-nav {
    max-width: 100%;


    display: inline-block;


    vertical-align: top;
}


.foo-box.foo3 .footer-nav:last-child {


}


.floating-contact {
    position: absolute;
    right: 0px;
    top: 7%;
    transform: translateY(-7%);
    z-index: 9;
}


.floating-contact a {
    padding: 20px 15px;
    background: var(--primary);
    border-radius: 30px 0px 0px 30px;
    display: block;
}


.floating-contact a:hover {
    background: var(--dark);
}


.floating-s-media {
    position: fixed;
    right: 25px;
    top: 230px;
    transform: translateY(-25%);
    z-index: 9;
}


.floating-s-media a {
    color: #ffffff;
    background: #50C6E9;
    width: 50px;
    height: 50px;
    border-radius: 80px;
    line-height: 50px;
    text-align: center;
    display: block;
    margin-bottom: 8px;
}


.floating-s-media a:hover {
    color: #ffffff;
    background: #009ACE;
}


.news-categories .styled-select select {
    border-radius: 0;
}


.sidebar h4 {


    padding-bottom: 8px;


}


.modal-content .top-input {
    height: 60px;
}


.foo-box .footer-nav:last-child { /*padding-left: 60px;*/
}


.custom-button.btn-banner {
    background: #00502D !important;
    color: #ffffff !important;
}


.custom-button.btn-banner:hover {
    background: #FFB508 !important;
    color: #333333 !important;
}


.home-section1 .abt-photo {


    margin-left: -240px;


}


/*.featured-products-slider .slick-slide:not(.slick-active) {



   opacity: 0.4;



}*/


/*.featured-products-slider .slick-cloned{ opacity: 0.4;}*/


/*.featured-products-slider [aria-hidden="true"] {



   opacity: 0.5;



}*/


.featured-products-slider .slick-slide {
}


.featured-products-slider {
    position: relative;
}


/*.featured-products-slider:before {



    content: "";



    background: #fdf4d6;



    opacity: 0.7;



    width: 20%;



    height: 100%;



    display: block;



    position: absolute;



    z-index: 9;



}



.featured-products-slider:after {



    content: "";



    background: #fdf4d6;



    opacity: 0.7;



    width: 20%;



    height: 100%;



    display: block;



    position: absolute;



    z-index: 9;



    right: 0;



    top: 0;



}



*/


.featured-products-slider .slick-track {
    margin: 0 0;
}


.pd-wishlist {
    background: #F6F6F6;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block !important;
    float: right;
    border-radius: 50px;
}


.pd-wishlist:hover {
    background: #FEA30B;
}


.home-product-section {


}


.custom-arrows a {
    background: none;
    width: 40px;
    height: 40px;
}


.custom-arrows a:hover {
    background: #0fb9b1;
}


.custom-arrows .c-hover, .slick-arrow .c-hover {
    display: none;
}


.custom-arrows a:hover .c-hover, .slick-arrow:hover .c-hover {
    display: inline-block;
}


.custom-arrows a:hover .c-normal {
    display: none;
}


.slick-arrow:hover .c-normal {
    display: none;
}


/*.slick-arrow {width: auto;}*/


.outstock-product .custom-button {
    background: #BFBFBF !important;
}


.home-benifit-section .abt-photo {


    margin-left: -200px;


}


.home-testimonial-photo {
    padding-left: 170px;
}


.home-testimonial-photo img {
    border-radius: 20px;
    border: 4px solid #ffffff;
}


.home-prod-bg-2 {


    position: relative;


    z-index: 9;


}


.client-home-slider {


    margin-right: -300px;


}


.btn-border {
    border: 1px solid #FFFFFF !important;
    background: transparent !important;
    color: #ffffff !important;
    min-width: 160px;
}


.home-product-section {
    position: relative;
    z-index: 99;
}


.sh-bg-bottom {
    position: absolute;
    right: -18%;
    bottom: -15%;
}


.sh-bg {
    position: absolute;
    right: -10%;
    top: -17%;
    z-index: 0;
}


.home-1-bg {


    position: absolute;


    right: -18%;


    top: -39%;


    -webkit-animation: rotating 25s linear infinite;


    -moz-animation: rotating 25s linear infinite;


    -ms-animation: rotating 25s linear infinite;


    -o-animation: rotating 25s linear infinite;


    animation: rotating 25s linear infinite;


}


@-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 15s linear infinite;


    -moz-animation: rotating 15s linear infinite;


    -ms-animation: rotating 15s linear infinite;


    -o-animation: rotating 15s linear infinite;


    animation: rotating 15s linear infinite;


}


.clients-info-inner {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}


.featured-products-slider .slick-list {
    overflow: visible !important;
}


.featured-products-slide {
    opacity: 0.45;
}


.featured-products-slider .slick-active {
    opacity: 1;
}


/*.about-section1 .about-content{padding-bottom: 80px;}*/


.side-bg {
    position: absolute;
    z-index: 0;
    opacity: 0.7;
}


.about-bottom-section {
    position: relative;
    z-index: 9;
}


.bg-right-btm.side-bg {


    mix-blend-mode: darken;


    opacity: 0.85;


    right: -320px;


    bottom: -80px;


}


.msn {


    position: relative;


}


.msn:after {
    content: "";
    border-right: 3px dashed #00502D;
    position: absolute;
    right: 0px;
    height: 100%;
    top: 10px;
}


.vsn.mv-inner {


}


.bg-left-btm.side-bg {


    left: -160px;


    bottom: -320px;


    mix-blend-mode: darken;


}


.mv-inner {


    padding-left: 120px;


    position: relative;


}


.msn.mv-inner {


    padding-right: 100px;


}


.msv-icon {
    position: absolute;
    left: 0;
    height: 100px;
    top: 7px;
    width: 100px;
    line-height: 100px;
    box-shadow: 0px 10px 30px #0000000F;
    text-align: center;
    border-radius: 120px;
    background: #FFF8E2;
}


.vsn.mv-inner {
    padding-right: 40px;
    margin-left: 50px;
}


.clnt-top-info {
    position: relative;
}


.clnt-top-info:after {
    content: "";
    display: block;
    width: 47px;
    height: 47px;
    background: url(../images/qut.png) no-repeat center center;
    position: absolute;
    right: -20px;
    top: 12px;
}


.big-container {


    max-width: 1400px;


}


.tool-bar .page-link, .tool-bar .page-link i {
    font-size: 14px;
    width: 30px;
}


.tool-bar .outofitems {
    color: #A8A8A8;
}


.tool-bar .outofitems strong {
    color: #333333;
}


.abl-rw {


    font-size: 21px;


    color: #0A1E05;


}


.abl-rw strong {
    color: #6A4024;
    font-weight: 500;
}


.pdb-right {


    border: 3px dashed #00502D;


    border-radius: 35px;


    padding: 40px;


}


ul.description-list {


    padding-right: 20%;


}


.product-details-tabs-holder {


}


.product-details-tabs-holder ul { /*list-style: none; padding-left: 0;*/
}


.description-list li {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D2BC;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}


.description-list li:last-child {
    border-bottom: 0;
}


.contact-left.h-100 {


    padding: 14px 0;


}


.round-row {
    box-shadow: 0px 10px 30px #00000029;
    background: #ffffff;


    border-radius: 35px;
}


.page-left-top-bg {


    top: 0;


    left: 0;


}


.page-right-top-bg {


    top: 0;


    right: 0;


}


.page-left-bottom-bg {


    bottom: 0;


    left: 0;


}


.page-right-bottom-bg {


    bottom: 0;


    right: 0;


}


.career-page-section .page-left-bottom-bg {


    bottom: -169px;


    left: 0;


}


.contact-page-section .page-right-bottom-bg {


    bottom: -120px;


    right: 0;


}


.space-footer-top {


    margin-bottom: -80px;


    background: #fdf4d6;


    padding-bottom: 80px;


}


.icon-pod-box p {
    font-size: 14px;
    color: #646464;
    padding-bottom: 10px;
}


.icon-pod-box p a {
    color: #403E3C;
}


.icon-pod-box p a:hover {
    color: var(--alternate);
}


.gl-big-box {
    max-width: 565px;
    background: transparent;
    padding: 30px 0;
}


.galley-big-photo {


    box-shadow: 4px 12px 12px #00000014;


    border-radius: 10px;


    padding: 10px;


    background: #ffffff;


    margin-bottom: 35px;


}


.galley-big-photo img {
    border-radius: 10px;
}


.galley-description {
    text-align: center;
    color: #ffffff;
}


/* Around line 117 in .css file */


.fancybox-navigation .fancybox-button--arrow_left {
    left: 25%;
}


.fancybox-navigation .fancybox-button--arrow_right {
    right: 25%;
}


.fancybox-navigation .fancybox-button {
    background: transparent !important;
    font-size: 24px;
    padding: 5px;
}


.fancybox-navigation .fancybox-button div {
    padding: 0;
}


.fancybox-close-small svg {
    display: none;
}


.fancybox-close-small {
    background: url(../images/close.png) no-repeat center center;
    width: 74px;
    height: 19px;
    right: 17px !important;
}


.fancybox-bg {
    background: #000000;
}


.client-home-section .custom-arrows a {
    background: none;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #fff;
    color: #333333;
    line-height: 50px;
}


.client-home-section .custom-arrows a:hover {
    background: #FFB508;
}


.client-home-section .border {
    padding: 0 10px;
    display: block;
    margin: 0 30px;
}


.no-padding {
    padding: 0 0;
}


.no-border {
    outline: none !important;
    border: 0 none !important;
}


.border {


    border: 1px solid #cbcbcb !important;


    opacity: 0.7;


}


.client-img-wrap {


    text-align: center;


}


.client-img-wrap a {


    display: inline-block;


    text-align: center;


}


.about-clients-section .page-right-top-bg {
    right: -70px;
    top: -35px;
    z-index: 0;
}


.about-clients-section .page-left-top-bg {


    top: -10px;


    left: -70px;


    padding: 30px 0;


}


.footer-top {
    padding-bottom: 50px;
    border-bottom: 1px solid #979797;
    margin-bottom: 30px;
}


.product-details-tabs-holder .page-right-top-bg {
    z-index: 9;
    mix-blend-mode: darken;
    top: 10px;
}


.product-details-tabs-holder .page-right-bottom-bg {


    bottom: 50px;


    right: 0;


    z-index: 99;


    mix-blend-mode: darken;


}


.pdb-right li {


    display: block;


    width: 100%;


    border-top: 1px solid #D9D2BC;


    padding: 15px 0;


}


.pdb-right li:last-child {
    border-bottom: 1px solid #D9D2BC;
}


.pdb-right li span {
    float: right;
}


.dropdown-menu.dropdownMyAccount.show {


    background: #000;


}


.dropdown-menu.dropdownMyAccount.show ul {


    list-style: none;


    padding: 20px;


    background: #001D3D;


}


a.top-link.top-search {


    margin-left: 35px;


}


a#dropdownMyAccount {


    color: #000;


}


.homeBannerSlider .slick-prev {
    left: 3%;
}


.homeBannerSlider .slick-next {
    right: 3%;
}


.articles-box {


    box-shadow: 3px 2px 12px #00000029;


    border-radius: 5px;


    overflow: hidden;


    width: 100%;


    display: block;


    transition: all 0.2s linear;


}


.articles-box-info-holder {


    padding: 15px;


}


.event-dt {


    background: #0fb9b1;


    position: absolute;


    top: 0;


    right: 0;


    z-index: 9;


    color: #ffffff;


    padding: 9px 20px;


    border-radius: 0 10px;


}


.articles-box a:hover .event-dt {
    background: #000;
}


.home-education-holder {

    background: #EFEFEF;


    border-radius: 2px;


    overflow: hidden;

}


.home-education-holder-1 {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    border:1px solid gray;
}

.home-education-holder-2 {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    border:1px solid gray;
}

.home-education-holder-3 {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    border:1px solid gray;
}

.home-education-holder-4 {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    border:1px solid gray;
}

.home-education-holder-5 {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    border:1px solid gray;
}

.edu-info {


    padding: 20px;


}


.home-product ul {
    text-align: center;
    list-style: none;
    padding: 0;
}


.home-product ul
.prodcut-menu li {
    display: inline-block;
    width: auto;
}


.prodcut-menu li a {


    border: 1px solid #E9E9E9;


    border-radius: 10px;


    padding: 10px;


    display: inline-block;


    font-size: 19px;


    font-weight: bold;


    width: 100%;


    color: #001D3D;


}


ul.prodcut-menu li {


    display: inline-block;


    margin: 5px;


    width: 30%;


}


.prodcut-menu li a:hover {
    background: transparent linear-gradient(100deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;


    background: transparent linear-gradient(100deg, #001D3D 0%, #000 100%) 0% 0% no-repeat padding-box;


    border: 1px solid #E9E9E9;


    border-radius: 10px;
    color: #ffffff;
}


.pd-box .img-holder {
    padding-bottom: 83%;
}


.pd-box .grid-content.alt h4 {
    font-size: 18px;
    font-weight: normal;
}


.pd-box .grid-ov h5 {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-top: 30px;
    padding-left: 10px;
}


.pd-box:hover .grid-content.alt h4 {
    display: none;
}


.dc-data {
    padding: 0 170px;


    max-width: 750px;
}


.dc-data a {
}


.dl-item-1 .dc-data {
    padding-right: 100px;
}


.dl-item {


    background: transparent linear-gradient(
        119deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%, #000000 100%) 0% 0% no-repeat padding-box;


    background: #2f3640;


}


.dl-item .pageTitle h2, .dl-item .pageTitle h3, .dl-item p {
    color: #FFFFFF;
}


.custom-button {
}


.btn-arrow:after {


    content: "";


    position: absolute;


    width: 40px;


    height: 40px;


    border: 1px solid #ee984c;


    border-radius: 40px;


    top: -12px;


    transition: all 0.3s linear;


    right: -14px;


}


.btn-arrow:hover img {
    padding-left: 25px;
    transition: all 0.3s linear;
}


.btn-arrow:hover:after {
    right: 24px;
}


.bottom-section:before {


    background: transparent linear-gradient(103deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;


    background: transparent linear-gradient(103deg, #086f93 0%, #0a6281 100%) 0% 0% no-repeat padding-box;


    content: "";


    position: absolute;


    left: 0;


    top: 0;


    width: 100%;


    height: 100%;


    opacity: 0.76;


}


.articles-box-title h6 {


    color: #01478F;


    font-size: 14px;


    font-weight: normal;


    padding: 10px 0;


    padding-top: 0;


}


.green {
    color: #396262;
}


.green h2, .green p {
    color: #396262;
}


.short-row-item h2 {
    font-weight: normal;
    font-size: 30px;
}


.button {


    background: transparent linear-gradient(
        105deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;


    background: transparent linear-gradient(
        105deg, #000 20%, #00063 100%) 0% 0% no-repeat padding-box;


    border: 1px solid #E9E9E9;


    border-radius: 10px;


    color: #fff;


    padding: 10px 40px;


    font-weight: 600;


}


.button:hover {
    background: #0fb9b1;
    color: #ffffff;
}


.form-group label span {
    color: #FF0000;
}


.nav-tabs.tabs-stye1 {
    box-shadow: none;
    padding: 9px 0px 0px;
    background: none;
    width: 250px;
}


.nav-tabs.tabs-stye1 .nav-item {
    width: 100%;
    padding: 6px 0px;
}


.nav-tabs.tabs-stye1 .nav-link {
    background: transparent;


    border: 1px solid transparent;


    color: #001D3D;


    text-align: center;


    padding-left: 0px;


    font-size: 20px;


    padding: 5px;


    border: 1px solid #E9E9E9;


    border-radius: 5px;
}


.nav-tabs.tabs-stye1 .nav-link img, .QSOffices-tabs .card-header a img {
    border: 1px solid #ffffff;
    width: 35px;
    margin-right: 20px;
    vertical-align: sub;
}


.nav-tabs.tabs-stye1 .nav-link.active, .nav-tabs.tabs-stye1 .nav-link:hover {
    color: #ffffff;


    background: transparent linear-gradient(
        102deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;


    background: transparent linear-gradient(
        102deg, #001D3D 0%, #000 100%) 0% 0% no-repeat padding-box;


    border: 1px solid #E9E9E9;


    border-radius: 10px;
}


.tab-holder.QSOffices-tabs .card-body {
    padding: 0px 0px 0px 20px;
}


.address-flag {
    margin-bottom: 25px;
}


.address-flag img {
    border: 1px solid #1D1D1B;
    width: 55px;
}


.contact-list-box {
    padding-bottom: 0px;
}


.social-list-holder {
    max-width: 310px;
    position: relative;
    margin-right: -70px;
    padding: 40px;
}


.social-list-holder .social-list li a {
    padding-left: 60px;
    line-height: 38px;
    color: #ffffff;
    font-size: 16px;
}


.social-list-holder .social-list li a i {
    width: 38px;
    height: 38px;
    background: #ffffff;
    color: var(--alternate);
    text-align: center;
    line-height: 38px;
    border-radius: 25px;
    top: 0px;
    transition: all 0.2s linear;
    font-size: 16px;
}


.social-list-holder .social-list li a:hover {
    color: var(--primary);
}


.social-list-holder .social-list li a:hover i {
    background: var(--primary);
    color: #ffffff;
}


.cont-item-row {


    width: 100%;


    display: block;


    padding: 15px 0;


    border-bottom: 1px solid #EEEEEE;


    padding-top: 25px;


}


.cont-item-row h6 {


    color: #2E2E2E;


    font-weight: bold;


    margin-bottom: 0;


    padding-bottom: 10px;


}


.product-box .btn-rmore {
    color: #0fb9b1;
    font-weight: bold;
}


.product-box:hover .btn-rmore {
    color: #000;
}


.new-prodct-holder .pd-box .img-holder {


    padding-bottom: 154%;


}


.new-prodct-holder .pd-box {
    margin-bottom: 20px;
}


.publication-box a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}


.publication-ov {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 2;
    padding: 0px 20px 20px;
    color: #C7C7C7;
}


.publication-box .img-holder {
    padding-bottom: 81.5%;
}


.publication-box .img-holder::before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 80%;
    content: "";
    z-index: 2;
    transition: all 0.2s linear;
    opacity: 1;
    background: url(../images/publication-overlay.png) no-repeat;
    background-size: 100% 100%;
}


.publication-ov h2 {
    color: #ffffff;
    font-size: 18px;
    padding-bottom: 15px;
}


.publication-ov-info {
    transition: all 0.2s linear;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
}


.publication-box:hover .publication-ov-info {
    max-height: 70px;
    opacity: 1;
    margin-bottom: 15px;
}


.publication-footer {
    color: var(--primary);
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.2s linear;
    font-size: 15px;
}


.related-news li .tag {
    bottom: 10px;
    top: auto;
}


.related-news li:hover h2, .related-news li:hover .publication-footer {
    color: #002B59;
}


.publications-right {
    margin-top: -15px;
}


.inspiration-page .grid-ov, .inspiration-page .grid-content {
    height: auto;
}


.inspiration-page .grid-content h6 {
    font-size: 18px;
    font-weight: normal;
}


.product-details-tabs-holder .nav-tabs .nav-link {
    font-weight: normal;
    color: #505050;
    font-size: 16px;
}


.product-details-tabs-holder .nav-tabs .nav-link.active {
    color: #01478F;
    font-weight: bold;
}


span.color-box {


    width: 50px;


    height: 22px;


    border-radius: 5px;


    display: block;


}


.product-details-tabs-holder .nav-tabs {


    width: 100%;


    padding-bottom: 10px;


    justify-content: center;


    border-bottom: 2px solid #505050 !important;


}


.tabs-stye1 .nav-link:hover::before, .tabs-stye1 .nav-link.active::before {
    display: none;
}


.product-details-tabs-holder .nav-tabs .nav-item {
    width: 25%;
}


.publication-box:hover .img-holder::before {
    background: transparent linear-gradient(
        307deg, var(--unnamed-color-001d3d) 0%, var(--unnamed-color-0067b1) 100%) 0% 0% no-repeat padding-box;


    background: transparent linear-gradient(
        307deg,  0%, #000 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    opacity: 0.88;
}


.abr-slide .icon-pod-box {
    text-align: left;
}


.abr-slide .icon-pod-img {
    text-align: left;
    margin: 20px 0;
}


.abr-slide {
    padding: 30px;
}


.abr-slide .icon-pod-box {
    padding: 34px;
}


.about-right-slider {
    margin-right: -700px;
}


@media print {
    a[href]:after {
        content: none !important;
    }
}


.grecaptcha-badge {
    z-index: 2;
}


@-ms-viewport {
    width: auto !important;
}


.pd-bottom-catg-holder .publication-box .img-holder {
    padding-bottom: 55%;
}


.banner-landing .captionContainerInner {
    text-align: right;
}


.banner_caption .captionContainer p {


    color: #2E2E2E;


}


.banner-landing .inner-banner-img {
    padding-bottom: 56%;
}


.landing-section-1 .icon-pod-box {


    margin: 0px auto;


    padding: 0;


    text-align: center;


    box-shadow: none;


    position: relative;


    border-bottom: 0;


    padding-bottom: 25px;


    background: transparent;


    border-radius: 10px;


}


.top-tag {


    border-radius: 0px 10px;


    background: #01478F;


    width: auto;


    display: inline-block;


    color: #FFFFFF;


    padding: 4px 12px;


    font-size: 12px;


}


.landing-section-2 h2 {
    color: #01478F;


    font-weight: bold;


    margin-top: 10px;


    font-size: 40px;


    letter-spacing: -0.8px;
}


.blue p, .blue a, .blue h2, .blue h3, .blue li, .blue h4, .blue h5, .blue li::marker {
    color: #01478F;
}


.blue a {
    color: #01478F;
    font-weight: bold;
}


.ltd-data {


    max-width: 600px;


}


.landing-section-3 .product-box {
    padding: 10px;
    box-shadow: 3px 2px 12px #00000029;


    border-radius: 10px;
}


.resources .row {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}


.resources .row a {
    text-align: right;
    float: right;
    text-decoration: underline;
    color: #646464;
}


.resources .row a:hover {
    color: #01478F;
}


.top-right ul li a {
    color: #FFFFFF;
    font-size: 15px;
}


.top-right ul li a img {
    display: inline-block;
    margin-right: 4px;
}


.top-right ul {


    min-width: 190px;


    padding: 10px 25px;


}


.top-right ul li {
    display: inline-block;
    width: 100%;
    padding: 5px 3px;
}


.top-right ul li a:hover {
    color: #0fb9b1;
}


/*.modal-backdrop{z-index: 99;}*/


.ct-model .modal-body {
    padding: 0;
}


.ct-model .modal-lg {


    max-width: 1100px;


}


.ct-model .modal-content {
    border: 0;
}


.ct-model .modal-intro {
    padding: 40px;
}


.ct-model .modal-intro h2 {
    color: #000;
    font-size: 30px;
}


.homeBannerSlider .banner_caption .custom-button {
    float: right;
    color: #FFFFFF;
}


.homeBannerSlider .banner_caption .btn-arrow:after {
    border-color: #ffffff;
}


.mail-us {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}


.fullcontainer.bottom-section.bg-img {
    z-index: 0;
}


.footer-bottom .big-container {
    position: relative;
}


.mail-us a {


    position: absolute;


    right: 0;


    top: -110px;


    box-shadow: 0px 3px 7px #0000004f;


    width: 65px;


    height: 65px;


    background: #ffffff;


    line-height: 65px;


    text-align: center;


    z-index: 999999;


    font-size: 30px;


    border-radius: 100px;


}


.foo-box .form-control, .foo-box .bootstrap-select .btn {
    border: 1px solid #CCCCCC;


    border-radius: 14px;
    height: 40px;
}


.foo-box .filter-option-inner-inner {
    height: 38px;
}


.foo-box .form-group {
    margin-bottom: 5px;
}


.foo-box .custom-button {
    margin-top: 30px !important;
}


.dl-model .modal-lg {
    max-width: 620px;
}


.grecaptcha-badge {


    z-index: 99;


}


.page-item:first-child .page-link, .page-item:last-child .page-link {


    margin-left: 0;


    border-radius: 10px;


}


.form-group .checkbox label span {


    color: var(--secondary);


}


.country-select.inside input, .country-select.inside input[type=text] {
    width: 100%;
    height: 50px;


    color: #2E2E2E;


    box-shadow: none !important;


    padding: 0px;


    background: #fff;


    padding-left: 50px;


    padding-right: 15px;


    text-transform: none;


    outline: none !important;


    font-size: 15px;


    font-weight: 400;


    border: 1px solid #AAAAAA;


    border-radius: 10px;
}

/* #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 215px;
    max-width: none;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: #f1f1f1;
    border-radius: 0;
} */



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 10%;
    max-width: 720px;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 13px;
    color: #1c0707;
    line-height: 85px;

    height: auto;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.active > a.mega-menu-link {
    color: var(--alternate);
    font-weight: bold;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 30px 25px;
    padding-bottom: 40px;
    box-shadow: 0px 3px 6px #000;


    border-radius: 0px 0px 10px 10px;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
    margin: 8px 0px 8px 29px;
    font-weight: 300;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.active > a.mega-menu-link:after {
    position: absolute;
    display: block;
    bottom: 0px;
    z-index: 1;
    left: 50%;
    right: 50%;
    width: 0px;
    content: '';
    height: 3px;
    overflow: hidden;
    background: #DDF2FD;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.active > a.mega-menu-link:after {
    left: 0px;
    right: 0px;
    width: 100%;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover .mega-menu-link:after {
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
    opacity: 1;
    display: block !important;
}



@media only screen and (min-width: 992px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
        min-width: 240px; 
        width: auto; /
    }
}


@media only screen and (max-width: 1199.98px) {


    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #DDF2FD;
    }


    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        box-shadow: 18px 9px 16px #cccccc;
        max-height: 400px;


        overflow: auto;
    }


    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        line-height: 40px;
    }

}


.top-right .dropdown-menu[x-placement^=bottom] {


    right: auto;


    bottom: auto;


    top: 32px !important;


    left: -40px !important;


}


.pd-box-wrap.overview-body h6 {


    color: #646464;


    font-weight: 300;


    padding-bottom: 5px;


}


.table-holder td h6 {


    color: #000;


    font-size: 16px;


}


.careers-bottom-section .address-box {


    display: block;


    width: 100%;


    margin-bottom: 40px;


}


.wpcf7 form .wpcf7-response-output {
    display: inline-block;
    margin: 0 0;
}


.border-table.table .table tr td:first-child, .border-table.table tr th:first-child {
    border: 1px solid #ccc !important;
}

.border-table.table td, .border-table.table th {
    border: 1px solid #ccc !important;
}

.home-news-section .articles-box .img-holder figure img { /*object-fit: none;*/
    object-fit: cover;
}


.banner-landing .captionWrapper {

    max-width: 1460px;

}

.table-holder .link-btn {
    color: #01478F
}

.table-holder .link-btn:hover {
    color: var(--primary)
}


.wpcf7 form .wpcf7-response-output {

    margin: 0 auto;

    text-align: center;

    width: 100%;

}

.no-image {
    object-fit: scale-down !important;
}

.news-slide .articles-box-info-holder p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-slide .articles-box h5 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.in-same-height-2 {
    margin-bottom: 15px;
}


.headerInfo .social-icons {
    display: inline-block;
    margin-left: 10px;
    float: left;
    position: absolute;
    left: 0;
}

.headerInfo p {
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0;
}

.headerInfo .social-icons li a {
    font-size: 16px;
}

.search-box-2 .top-button {
    height: 47px;
    line-height: 40px;
}

.bg-img11{
    background-image: url(../images/about-us/DSC01638.jpg);
    background-size: fit;
    background-repeat: no-repeat;
    background-position: bottom;
    backdrop-filter: blur(5px);
    background-color: #ffffff78;
}

/* Client Section Styles */
.client-section {
    padding: 60px 0; /* Adjust top and bottom padding as needed */
    background-color: #f9f9f9; /* Background color for the client section */
}

/* Heading Styles */
.section-title {  
    margin-bottom: 40px; /* Space between heading and clients */
}

/* Client Boxes */
.client-box {
    float: left;
    width: 16.666%; /* Each box occupies 1/6th of the container */
    box-sizing: border-box;
    text-align: center;
    overflow: hidden; /* Ensure images won't overflow the box */
    height: 200px; /* Fixed height for the boxes */
    border: 1px solid #ccc; /* Border style */
    padding: 10px; /* Padding around the image */
    margin: 10px; /* Margin between boxes */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Client Images */
.client-image img {
    max-width: 100%; /* Ensure images don't exceed their container */
    max-height: 100%; /* Ensure images don't exceed their container */
    width: auto;
    height: auto;
}



/* Media Query for smaller devices */
@media (max-width: 575.98px) {
    .client-box {
        width: 100%; /* Each box occupies 100% for smaller devices */
        height: 120px; /* Adjusted height for smaller devices */
        margin: 5px 0; /* Margin for smaller devices */
    }

    .section-title {
        font-size: 20px; /* Adjusted font size for smaller screens */
    }
}

@media only screen and (max-width: 575.98px) {
    .search-box-2 .top-button {
        height: 37px;
        line-height: 40px;
    }
}