@charset "utf-8";
/*------------| body frame start |-----------*/

/* font start */
/* font end */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  margin: 0px !important;
}

html,
body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0;
}

body {
  padding: 0px;
  margin: 0px;
  color: var(--black);
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  line-height: 33px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
}

header::after,
#page-wrap::after,
section::after,
footer::after {
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0%;
}

.col_1_1,
.col_1_1_1,
.col_1_1_1_1 {
  margin: 0 auto;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col_1_1_1 .col {
  width: 33.33%;
}

.col_1_1_1_1 .col {
  width: 25%;
}

.col_1_1 .col {
  width: 50%;
}

.col_1_1::after,
.col_1_1_1::after,
.centerBlock::after,
.content_1370::after,
.content_1440::after,
.col::after {
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0%;
}

.col {
  float: left;
  padding: 0px;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: left;
}

.col_1_1 .col {
  width: 50%;
  padding: 0px;
}

.col_1_1_1 .col {
  width: 33.33%;
  padding: 0px;
}

#page-wrap {
  width: 100%;
  margin: 0 auto;
  flex: 1 0 auto;
  position: relative;
}

.content-1740 {
  max-width: 1740px;
  margin: 0 auto;
  padding: 0 90px;
  width: 100%;
}

.content-1920 {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 90px;
  width: 100%;
}


.content-1920::after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: "";
    clear: both;
    height: 0%;
}

small {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.45px;
  color: #966E36;
}

/* Dark color background*/
.green-bg {background:var(--green);}
.purple-bg {background:var(--purple);}

/* light-color background*/
.lightGreen-bg {background: var(--lightGreen) !important;}
.lightPurple-bg {background: var(--lightPurple) !important;}
.white-bg {background: transparent !important;}


/*=============== tags start ===================**/
section,
footer {
  position: relative;
  overflow: hidden;
  clear: both;
  width: 100%;
}

*:focus,
a:hover,
a:active,
a:focus {
  outline: 0;
  outline: none !important;
}

button:focus,
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
  outline: none !important;
  /* border: 0; */
}

figure {
  padding: 0px;
  margin: 0px;
}

a {
  color: var(--black);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}

a:hover {
  color: var(--darkPurple);
}

img {
  border: 0px;
  outline: none;
  display: block;
  max-width: 100%;
  height: auto
}

input {
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.date {
  font-weight: normal;
  font-style: normal;
  color: var(--black);
  font-family: 'Poppins', sans-serif;
  
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0px;
  margin: 0px;
  display: block;
  clear: both;
  width: 100%;
}

h1 {
  font-size: 60px;
  line-height: 55px;
  padding-bottom: 20px;
  font-weight: bold;
}

h2 {
  font-size: 45px;
  line-height: 55px;
  padding-bottom: 71px;
  font-weight: bold;
}

h3 {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 23px;
  font-weight: bold;
}

h4 {
  font-size: 25px;
  line-height: 35px;
  padding-bottom: 10px;
  font-weight: bold;
}

h5 {
  font-size: 22px;
  line-height: 25px;
  padding-bottom: 15px;
  font-weight: 600;
}

h6 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
 font-weight: 600;
}

ul,
ol {
  padding: 0 0 30px 19px;
  margin: 0;
}

li {
  padding: 0 0 10px 10px;
  margin: 0;
}

p {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  font-size: 22px;
  line-height: 30px;
}

p:empty {
  display: none;
}

hr {
  padding: 0px;
  border: 0px;
  height: 1px;
  margin: 30px auto;
  background-color: var(--black);
}

strong,
b {
  font-weight: bold;
  font-style: normal;
}

img {
  height: auto
}



input[type='text'],
input[type='email'],
input[type='tel'],
input[type='date'],
input[type='number'],
input[type="password"],
textarea {
  width: 100%;
  font-weight: 300;
  font-style: normal;
  height:78px; 
  font-family: 'Poppins', sans-serif;
  background-color: var(--white);
  font-size: 22px !important;
  line-height: 28px !important;
  padding: 24px 32px !important;
  border: var(--purple) solid 2px;
  border-radius: 0px;
  margin: 0px;
  color: var(--black);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='submit'],
input[type=button],
input[type=reset],
button,
.btn,
ul.regMenu li a {
  font-weight: normal;
  font-style: normal;
  color: var(--darkPurple) !important;
  font-size: 20px;
  line-height: 31px;
  text-decoration: none !important;
  margin: 0px;
  padding: 6px 22px;
  min-width: 150px;
  border-radius: 156px;
  font-weight: 600;
  display: inline-block;
  background-color: transparent;
  border: none;
   font-family: 'Poppins', sans-serif;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

}


input[type='submit']:hover,
input[type=button]:hover,
input[type=reset]:hover,
button,
.btn:hover {
  text-decoration: none;
  color: var(--darkPurple);
  background-color: transparent;
}

/*transform: translateX(10px);*/
.btnHolder a {display: flex;align-items: center;font-size: 20px;color: var(--darkPurple);font-weight: 600;transform: translateX(0px);text-decoration: none;}
.btnHolder a:hover {color: var(--darkPurple);transform: translateX(10px);}
.btnHolder a img {margin-right: 12px}


select {
  border-radius: 0px;
  background-color: #ffffff;
  padding: 8px 15px !important;
   height: 78px; 
  width: 100%;
  /* border:#B4B3B3 solid 1px; */
  font-family: 'Poppins', sans-serif;
  border: var(--purple) solid 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../images/drop-arrow.svg');
  background-size: 20px;
  background-position: right 18px center;
  background-repeat: no-repeat;
  padding-right: 45px !important;
  font-size: 20px !important;
  line-height: 28px !important;
  color: var(--black);
  font-weight: normal;
  font-style: normal;
}

select::-ms-expand {
  display: none;
}

textarea {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  height: 220px !important;
  padding: 15px !important;
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
  /* border:#B4B3B3 solid 1px; */
  border: var(--purple) solid 2px;
  color: var(--black);
  /* border:1px solid #4c8dce; */
  background-color: var(--white);
  border-radius: 0px;
  resize: none;
  font-weight: normal;
  font-style: normal;

}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #8D8D8D;
  opacity: 1;
  font-weight: 400;

}

input::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: #8D8D8D;
  opacity: 1;
  font-weight: 400;

}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  color: #8D8D8D;
  opacity: 1;
  font-weight: 400;

}

input:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder {
  color: #8D8D8D;
  opacity: 1;
  font-weight: 400;

}


blockquote {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 5px 20px;
  position: relative;
  font-size: 22px;
  line-height: 36px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  color: var(--darkPurple);
  border-left: 20px solid var(--darkPurple);
}

blockquote p {
  padding-bottom: 0px !important;
}

blockquote p:first-child {font-weight:400 !important}

blockquote p:last-child {color: var(--darkPurple);font-weight: bold}

blockquote em {
  margin-top: 20px;
  display: block;
}

.alignleft {
    float: left;
    margin: 6px 20px 14px 0px !important;
    position: relative;
    opacity: 1 !important;
}

.alignright {
    float: right;
    margin: 6px 0px 14px 20px !important;
    position: relative;
    opacity: 1 !important;
}

.aligncenter {
    float: none;
    margin: 20px auto 20px auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #9f9f9f;
    max-width: 96%;
    padding: 5px;
    text-align: center;
    position: relative;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 10px 3px 7px;
}

/*---- img resposnsive----*/

.box {
  position: relative;
  overflow: hidden;
}

.box:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* initial ratio of 1:1*/
}

.imageHolder {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.OF-cover {
  /* font-family: 'object-fit: cover'; */
  object-fit: cover;
  font-family: 'object-fit: cover';
  object-position: center center;
  font-family: 'object-fit: cover; object-position: center center';
  width: 100%;
  height: 100%;
}

/* clear class css start here */
header:after,
section:after,
.gform_fields .gfield.radioWithDesc::after {
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0%;
}

/* clear class css end here */

/* flex css start here */
.grid,
.titleTextBlock {
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 0px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexVerticalCenter {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flexHorizontalCenter {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flexRowReverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-end {display: flex;align-items: self-end;justify-content: flex-end;}
.flex-start {display: flex;align-items: self-start;justify-content: flex-start;}


/*Img Loader Smoth Css*/
.imgloader{width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);
  background-image: url('../images/ajax-loader.svg');background-position: center center;background-repeat: no-repeat;background-size: 40px;}
body:not(.logged-in) img[data-lazy-src], body:not(.logged-in) .entry img{opacity: 0;transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
  -webkit-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);
  -moz-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);-o-transition: opacity .8s cubic-bezier(.16, .84, .44, 1);}
img.lazyloaded ~ .imgloader{opacity: 0;}
.btnHolder .imgloader,.general-box .imgloader,.stats-info .imgloader,.footer-logo .imgloader,.logoWrapp .imgloader
,.home-banner-img .imgloader,.guidelines-left .imgloader,.zoomingIcon .imgloader,.samll-banner-img .imgloader, .entry .imgloader
{display: none;}

.hovereffect {
    overflow: hidden;
}

.hovereffect img, .hovereffect:hover img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.hovereffect:hover img{
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.hovereffect img{
    display: block;
    position: relative;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    /* transform: scale(1); */
}

body:not(.logged-in) img[data-lazy-src], body:not(.logged-in) .entry img {opacity: 1 !important}

.pagefluidVideo {
    padding-bottom: 56.1%;
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

.pagefluidVideo iframe,
.pagefluidVideo video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    bottom: 50%;
}

.whitePadding {padding: 100px 0;}
.whitePadding + .whitePadding {padding-top: 0;}
.whitePadding + .quick-info {padding-top: 0 !important;}
.colorPadding {padding: 100px 0;}
.colorPadding + .colorPadding {padding-top: 0;}