@charset "utf-8";

/*------------| body frame start |-----------*/
  * {
    -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-top: 0 !important;
  }
  html, body {
  	width: 100%;
  	height: 100vh;
  	padding: 0px;
  	margin: 0 !important;
    overflow-x: hidden;
  }
  body {
  	padding:0px;
  	margin: 0px;
  	font-size: 1.125rem;
  	line-height: 1.875rem;
    letter-spacing: 0px;
  	overflow-x: visible !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-display:auto;
    font-style:normal;
    font-stretch:normal;
  	display: flex;
  	flex-direction: column;
  	word-break: break-word;
    color: #000000;
    background: #ffffff;
  }
/*------------| body frame End |-----------*/

/* ==================================== All tags css Start here ========================== */
  section{
    position: relative;
    width: 100%;
  }
  .clearfix::after,
  section::after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0%;
  }

  *:focus{
    /*outline: #000 auto 2px;
     outline-style:none;
    box-shadow:none; */
  }

  /* *:focus-visible { outline: #000 auto 2px;} */

  *:focus, a:hover, a:active, a:focus {
    outline: 0;
  }


  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;
    /* border: 0; */
  }

  figure{
    padding: 0px;
    margin: 0px;
  }

  img {
    border: 0px;
    outline: none;
    display: block;
    max-width: 100%;
    height: auto
  }


  /* ==================================== Anchor hover css Start here ========================== */

    a {
      opacity: 1;
      color: #1881C4;
      text-decoration:none;
      -webkit-transition: color, border .5s cubic-bezier(.16,.84,.44,1);
      -moz-transition:    color, border .5s cubic-bezier(.16,.84,.44,1);
      -o-transition:      color, border .5s cubic-bezier(.16,.84,.44,1);
      transition:         color, border .5s cubic-bezier(.16,.84,.44,1);
      cursor: pointer;
      text-decoration: none;
      background-image: linear-gradient(#1881C4, #1881C4);
      background-repeat: no-repeat;
      background-position: bottom left;
      background-size: 0% 1px;
      transition: background-size 500ms ease-in-out;
      border: 0;
    }

    a:hover {
      background-size: 100% 1px;
      /* background-image: linear-gradient(#505050, #ffffff); */
    }

    .touch #page-wrap a:hover::before {
      background-size: 100% 0px;
    }

  /* ==================================== Anchor hover css End here ========================== */

  input { margin: 0px; }
  h1, h2, h3, h4, h5, h6 { }
  h1, h2, h3, h4, h5, h6, p {
    padding: 0px;
    margin: 0px;
  }

  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }

  h2 {
    font-size: 2.375rem;
    line-height: 3rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom:15px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h4 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h5 {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
    text-transform: inherit;
  }
  ul {
    padding: 0px 0px 20px 20px;
    margin: 0px;
    list-style: none;
  }
  ul li{
    position: relative;
    padding: 5px 0px 5px 5px;
    list-style-type: disc;
    text-align: left;
  }

  ol {
    padding: 0px 0px 20px 0px;
    margin: 0px;
  }
/* custom css for OL numbers start */
  ol {
	list-style-type: none;
	counter-reset: li;
  }
  /* ol li {
  	font-size: 2rem;
  } */

  ol li:before {
    counter-increment: li;
    content: counter(li) ". ";
    color: #000000;
    margin-right: 0.25em;
    font-weight: 600;
    position: absolute;
    left: 0;
}


/* custom css for OL numbers end */


  /* ul li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 2px;
    display: block;
    background: #ffffff;
    left: -20px;
    top: 15px;
  } */
 ul li ul li { list-style: circle; }
 ul li ul, ol li ol { padding-top: 10px; padding-bottom: 10px; }

 ol li {
    padding: 5px 0px 5px 25px;
    text-align: left;
    position: relative;
}

 p { margin: 0px; padding: 0px 0px 25px 0px;}

 hr {
    padding: 0px;
    border: 0px;
    height: 1px;
    margin: 30px auto;
    background-color: #000000;
 }

 strong, b {
    font-weight: 600;
    font-style: normal;
 }

 img {
   /*  display:block;*/
   height: auto
 }

 .btn{
    color: #000000;
    background: #00ffca;
    border: 1px solid #00ffca;
    border-radius: 15px;
  	font-size: 1.125rem;
  	line-height: 1.875rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  	letter-spacing: 0px;
  	text-decoration: none;
  	text-transform: initial;
  	padding: 12px 10px;
  	margin-top: 20px;
  	text-align: center;
  	display: inline-block;
  	position: relative;
  	z-index: 1;
  	overflow: hidden;
    min-width: 125px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
 }

 .btn:hover {
    background: #000000;
    color: #ffffff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
 }

 .btn::after,
 .btn::before {
   content: "";
   display: block;
   position: absolute;
   z-index: -1;
 }

 input[type='submit'], input[type=button], input[type=reset], button, .btn {
   color: #ffffff;
   background-color: #7E2A8A;
   border: 0px solid #000000;
   font-family: "Open Sans", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-display: swap;
   font-size: 1.125rem;
   line-height: 1.875rem;
   letter-spacing: 0;
   text-decoration: none;
   margin: 0px;
   padding: 10px 20px 10px;
   border-radius: 7px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:        none;
   -webkit-transition: all .5s cubic-bezier(.16,.84,.44,1);
   -moz-transition:    all .5s cubic-bezier(.16,.84,.44,1);
   -o-transition:      all .5s cubic-bezier(.16,.84,.44,1);
   transition:         all .5s cubic-bezier(.16,.84,.44,1);
   min-width: 125px;
   width: auto;
   text-transform: none;
   position: relative;
 }
 input[type='submit']:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover {
   background-color: #1881c4;
   color: #ffffff;
 }

 input[type='submit']:before, input[type=button]:before, input[type=reset]:before, button:before, .btn:before {

 }
 input[type='submit']::after, input[type=button]::after, input[type=reset]::after, button::after, .btn::after {

 }
 input[type='submit']:hover:before, input[type=button]:hover:before, input[type=reset]:hover:before, button:hover:before, .btn:hover:before {
   background-image: url(../images/bannerBG.svg);
   background-position: top;
   background-size: cover;
   background-repeat: no-repeat;
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #1881c4;
 }
 input[type='submit']:hover:after, input[type=button]:hover:after, input[type=reset]:hover:after, button:hover:after, .btn:hover:after {

 }


 input[type='text'],
 input[type='email'],
 input[type='tel'],
 input[type='date'],
 textarea{
   width:100%;
 }
 input[type='text'],
 input[type='tel'],
 input[type='date'],
 input[type='email'],
 input[type="file"],
 textarea,
 select{
   border: 1px solid #000000;
   background-color: #fff;
   font-size:1.125rem;
   font-family: "Open Sans", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-display: swap;
   padding: 7px 15px;
   margin: 0px;
   color: #000000;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 60px;
 }

 select {
    background-image: url('../images/down_arrow.svg');
    background-position: right center;
    background-repeat: no-repeat;
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    padding: 3px 15px 3px 0px;
    height: 60px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 30px;
    font-weight: normal;
    font-size: 1.125rem;
    border-bottom: 1px solid #000;
 }
 select option{
    padding:10px 0px;
    display: block;
    font-size: 1.125rem;
 }
 select::-ms-expand {
   display: none;
 }
 input[type=checkbox]:not(old) {
   width: 30px;
   margin: 0px;
   padding: 0;
   opacity: 0;
   position: absolute;
 }
 input[type=checkbox]:not(old)+span {
   display: inline-block;
   margin-left: 0px;
   padding-left: 36px;
   background: url('../images/checkbox_unchecked.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   line-height: 20px;
   margin-bottom: 0px;
   cursor: pointer;
 }
 input[type=checkbox]:not(old):checked+span {
   background: url('../images/checkbox_checked.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   cursor: pointer;
 }
 textarea {
   width: 100%;
   font-family: "Open Sans", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   font-size: 1.125rem;
   line-height: 1.875rem;
   height: 100px;
   padding: 8px 15px;
   box-sizing: border-box;
   color: #000000;
   border:1px solid #000000;
   background-color: #ffffff;
   border-radius: 0px;
   resize: none;
 }
/* ==================================== All tags css End here ========================== */

/* ==================================== placeholder css Start here ========================== */

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  input[type="text"]::-webkit-input-placeholder {
  	color:#333333;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder {
  	color:#333333;
    opacity: 1;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input[type="text"]:-ms-input-placeholder {
  	color:#000;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder,
  input[type="text"]:-moz-placeholder {
  	color:#333333;
  }

/* ==================================== placeholder css End here ========================== */

/* ==================================== Box image full cover css Start here ========================== */
  .box {
    position: relative;
    overflow: hidden;
  }
  .box:before {
  	content: "";
  	display: block;
  	padding-top: 100%; 	/* initial ratio of 1:1*/
  }
  .imageHolder {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    line-height: 0;
    font-size: 0;
    border: 0;
    background: rgba(0,0,0,0.05);
  }
  .OF-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%;
  }

/* ==================================== Box image full cover css end here ========================== */

/* ==================================== page.php [ Table and .entry Table ] common classes css End here ========================== */
  .page-template-default .entry { padding-bottom: 30px; }

  table {
    width: 100% !important;
    border: 0px;
    table-layout: fixed;
    background: transparent;
    text-align: left;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    border-collapse: collapse;
    font-size: 1.125rem;
    /* border-left: 1px solid #4D2F91;
    border-top: 1px solid #4D2F91; */
  }
  table.tableWrap { width: 100%; overflow-x: scroll; display: block;}

  table.cookielawinfo-classic thead tr th {
    text-transform: none; background: #afaeae !important;
  }
  .cky-cookie-audit-table tr:nth-child(2n) td {
    background: #fbfbfb !important;
  }
  .cky-cookie-audit-table tr:nth-child(2n + 1) td {
    background: #F1ECE4 !important;
  }
  .cky-cookie-audit-table th { border: 2px solid #000000; border-bottom: 0 !important; }
  .cky-cookie-audit-table tr td { border-left: 1px solid #000000;}
  table thead tr th { font-family: "Open Sans", sans-serif; font-size: 1.5rem;}
  table tr td { padding: 12px 15px; border-collapse: collapse; }
  table h1, table h2, table h3, table h4, table h5 { margin: 0px; }
  table th {
    background: transparent;
    color: #000;
    padding: 15px;
      text-align: left;
    /* border-right: 1px solid #4D2F91; */
    font-weight: 700;
    border-bottom: 1px solid #000;
    word-wrap: break-word;
  }
  table td {
    /* border-right: 1px solid #4D2F91; */
    border-bottom: 1px solid #000;
    word-wrap: break-word;
    color: #000;
  }


  .tableWrap {
    overflow: auto;
  }

  .entry table thead th {
    min-width: 300px;
  }

  .entry table {
  	width: 100%;
  	border: 0px;
  	table-layout: auto;
  }
  .entry table tr td {
    padding: 10px;
    border-collapse: collapse;
    font-size: 1.125rem;
  }
  .entry table {
    background: transparent;
    text-align: left;
    /* margin-bottom: 20px; */
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-collapse: collapse;
    border-bottom: 1px solid #000000;
  }
  .entry table h1, .entry table h2, .entry table h3, .entry table h4, .entry table h5 {
  	margin: 0px;
  }
  .entry table th, thead td {
    background: #000000;
    color: #ffffff;
    padding: 15px 8px;
    border-right: 1px solid #000000;
    font-weight: 700;
    border-bottom: 1px solid #000000;
    word-wrap: break-word;
    font-size: 1.125rem;
  }
  .entry table td {
    padding: 15px 8px;
    border-right: 1px solid #000000;
    border-bottom: #000000;
    word-wrap: break-word;
  }
  .alignleft {
  	float: left;
  	margin: 20px 25px 20px 0px;
  }
  .alignright {
  	float: right;
  	margin: 20px 0px 20px 25px;
  }
  .aligncenter {
  	float: none;
  	margin: 20px auto 20px auto;
  }

/* ==================================== page.php [ Table and .entry Table ] common classes css End here ========================== */

/* ==================================== blockquote css End here ========================== */
  blockquote {
    position: relative;
    margin: 10px 0 10px;
    padding: 20px 20px 20px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.875rem;
    background-color: transparent;
    color: #000000;
  }
  blockquote:before {
    content: open-quote;
    font-size: 1.125rem;
    line-height: 1.875rem;
    position: absolute;
    top: 15px;
    font-style: inherit;
    left: 0;
}
blockquote::after {
    content: close-quote;
    font-size: 1.125rem;
    line-height: 1.875rem;
    position: absolute;
    right: 2px;
    font-style: inherit;
    bottom: -9px;
}

  /* blockquote:before {
    content: "";
    font-family: 'Vanitas';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    color: #000000;
    background: url(../images/blockqoutes.svg) no-repeat center center;
    width: 100px;
    height: 80px;
  }
  blockquote::after {
    display: none;
    content: close-quote;
    font-size: 90px;
    line-height: 54px;
    position: absolute;
    right: 7px;
    bottom: 0px;
    font-style: inherit;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: 'Vanitas';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  } */
  blockquote * {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #000000;
    padding-bottom: 15px;
    margin-bottom: 0;
    /* font-family: 'Roboto Condensed', sans-serif; */
  }
  blockquote a {
    line-height: normal;
    padding-bottom: 0;
  }
  blockquote h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  blockquote p:last-child {
  	padding-bottom: 0;
  }
/* ==================================== blockquote css End here ========================== */

/* ==================================== container width common css Start here ========================== */

  .container_1600{
   	max-width: 1600px;
   	padding: 0 30px;
    margin: 0 auto;
  }

  .container_1500 {
 	  max-width: 1500px;
 	  padding: 0 20px;
 	  margin: 0 auto;
  }

  .container_1440,
  .container_1440.flexWrap {
    max-width: 1350px;
    padding-top: 0;
    padding-left: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-right: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-bottom: 0;
    margin: 0 auto;
    width: 100%;
  }

  .container_1200,
  .container_1200.flexWrap {
    max-width: 1155px;
    padding-top: 0;
    padding-left: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-right: max(46px, min(50px + 30*(100vw - 820px) / 1100, 80px));
    padding-bottom: 0;
    margin: 0 auto;
    width: 100%;
  }

  .container::after {
  	visibility: hidden;
  	display: block;
  	font-size: 0px;
  	content: " ";
  	clear: both;
  	height: 0%;
  }

/* ==================================== container width common css End here ========================== */

/* ==================================== breadcrumb menu & pagination css start here ========================== */
  .breadcrumb  {
  	width: 100%;clear: both;padding-bottom: 30px;
  }
  .breadcrumb ul {
    padding: 0px;
    list-style: none;
  }
  .breadcrumb ul li {
    display: inline;
  }
  .breadcrumb ul li+li:before, .breadcrumb ul li+li+li:before {
    padding: 1px;
    color: #132836;
    content: "/\00a0";
  }
  .breadcrumb ul li a {
    color: #374197;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  .breadcrumb ul li a:hover {
    color: #000;
    text-decoration: underline;
  }
  .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 70px 0 20px;
  }
  .pagination a {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-size: 1.125rem;
    font-weight: 1.625rem;
    text-transform: none;
    letter-spacing: 0.3px;
    margin: 0 10px;
  }
  .pagination a.page-numbers { cursor: pointer; background: #e8f7fe; border: 1px solid #000000; text-transform: none; color: #000000;}
  .page-numbers:last-child { margin-left: 0; }
  .pagination a.active, .page-numbers.current {
    background-color: #000000;
    color: #ffffff;
    padding: 8px 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    border: 1px solid #000000;
  }
  .pagination a:hover:not(.active) {
    background-color: #000000;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

/* ==================================== breadcrumb menu & pagination css end here ========================== */

/* ==================================== on scroll appearMe css start here ========================== */

 /* fadeIn in opacity css Start */
  .fadeIn {
    opacity: 0;
    transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -webkit-transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -moz-transition: opacity .7s cubic-bezier(.4,0,.2,1);
    -o-transition: opacity .7s cubic-bezier(.4,0,.2,1);
  }
  .fadeIn.animated {
    opacity: 1
  }
/* fadeIn in opacity css End */

/* fadeInUp in opacity css Start */
  .fadeInUp {
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -webkit-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -moz-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
    -o-transition: opacity .7s cubic-bezier(.4,0,.2,1), transform .7s cubic-bezier(.4,0,.2,1);
  }
  .fadeInUp.animated {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
/* fadeInUp in opacity css End */

/* ==================================== on scroll appearMe css End here ========================== */


/* ==================================== flex css start here ========================== */

  .flexNoWrap, .flexWrap, .flexStretch, .flexHorizontalCenter, .flexVerticalCenter, .flexRowReverse, .flexcolReverse, .flexGrow {
     display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;
  }
  .flexWrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  .flexWrap {
  	text-align: left;
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	flex-flow: row wrap;
  	padding: 0;
  	list-style: none;
  }
  .flexStretch {
     -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .flexHorizontalCenter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flexVerticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flexRowReverse, .RightImage {
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
    -ms-flex-flow: row-reverse wrap;
  }
  .flexcolReverse {
       -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .flexcolReverse .col {
    width: 100%;
  }
  .flexGrow {
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  .flexGrow .col:last-child {
    -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }
/* ==================================== flex css End here ========================== */

/* ==================================== div flex stretch Grid css Start here ========================== */

  .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%;
    padding: 0px;
  }
  .col_1_1_1_1 .col{
    width: 25%;
    padding: 0px;
  }
  .col_1_1 .col{
    width: 50%;
    padding: 0px;
  }
  .col_1_1::after, .col_1_1_1::after, .centerBlock::after, .content_1130::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 img { width: 100%; height: auto; display: block}

/* ==================================== div flex stretch Grid css End here ========================== */

/* ==================================== iframe Fullwidth video code css Start here ========================== */
  /* full width banner video start */
  .fluidVideo {
  	position: relative;
  	width: 100%;
    height: 100%;
  	margin-bottom: 25px;
  }

  .fluidVideo iframe, .fluidVideo video {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @media (max-aspect-ratio: 16/9) {
    .fluidVideo iframe { width: 177.77vh; }
  }
  /* full width banner video End */

  /* make fullVideo inside editor start => use this clsss to parent of Div [.pagefluidVideo] */
   .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;
     transform: translate(-50%, -50%);
     top: 50%;
     left: 50%;
     bottom: 50%;
    }
    @media (max-aspect-ratio: 16/9) {
      .pagefluidVideo iframe { width: 100%;}
    }
  /* make fullVideo inside editor End */

/* ==================================== iframe Fullwidth video code css End here ========================== */

/* ==================================== images loader css start here ========================== */

  /* Solution for lazyload image appearance with loader start */
    .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;
    }
    img[data-lazy-src]{
      opacity: 0;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
    }
    img.lazyloaded {
      opacity: 1;
    }
    img.lazyloaded ~ .imgloader {
      opacity: 0;
    }
  /* Solution for lazyload image appearance with loader End here */

  /*
  img.lazyloading {
      background-image: url('../images/ajax-loader.svg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 40px;
      z-index: 999;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      opacity: 1;
    }
    .lazyLoadImage {
      opacity:0;
      transition:opacity .8s ease-in-out;
      -webkit-transition:opacity .8s ease-in-out;
      -moz-transition:opacity .8s ease-in-out;
      -o-transition:opacity .8s ease-in-out
    }

    img.lazyloaded,
    .lazyLoadImage.entered.lazyloaded,
    .lazyLoadImage.lazyloaded {
      opacity:1
    }
  */
  /*
  .videoBox {
      background-image: url('../images/ajax-loader_white.svg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 40px;
      z-index: 999;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      opacity: 1;
    }
  */


/* ==================================== images loader css End here ========================== */

/* ==================================== Code for Sticky footer css Start here ========================== */

  #page-wrap {
    flex: 1 0 auto;
    padding-top: 140px;
  }
  footer {
  	flex-shrink: 0;
  }
/* ==================================== Code for Sticky footer css End here ========================== */

/* ==================================== Wp form css Start here ========================== */

  .wpcf7-not-valid {
  	border: 1px solid #f00 !important;
  }
  span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
  	display: none !important;
  }
  div.wpcf7-mail-sent-ok {
  	background: #398f14;
  	color: #000;
  	padding: 10px !important;
  	margin: 20px 0px !important;
  	text-align: center;
  	font-size: 1.125rem;
  	line-height: 1.625rem;
  	max-width: 560px;
  	margin: 20px auto 0px auto!important;
  }
  .wpcf7-mail-sent-ng{
  	    max-width: 100%;
      text-align: center;
  	margin: 20px auto 0px auto!important;
  }

  #page-wrap a, input.wpcf7-submit {
    text-decoration: none !important;
    cursor: pointer;
  }

  input.wpcf7-submit{
    -webkit-transition: all .2s linear;
    -moz-transition:    all .2s linear;
    -o-transition:      all .2s linear;
    transition:         all .2s linear;
    transition: all 0.2s linear;
  }

/* ==================================== Wp form css End here ========================== */

/* ==================================== Page Not Found css Start here ========================== */

  /* .pageNotFound {width: 100%; padding: 5% 20px; max-width: 700px; text-align: center; margin:0px auto;}
  .pageNotFound > div { border: 6px solid #004C63; width: 250px; height: 250px; margin: 0px auto; margin-bottom: 15px; position: relative; overflow: hidden;}
  .pageNotFound > div span {color:#004C63;font-size: 80px; position: absolute; right: 24px; top: 46%; font-weight: bold; left: 0px; width: 100%;}
  .pageNotFound > h3 { font-size: 39px; margin: 30px 0 20px;}
  .pageNotFound a { color:#34CCDF; font-weight: 600;}
  .pageNotFound a:hover { color:#004C63;} */

/* ==================================== Page Not Found css End here ========================== */

/* ==================================== Grid css Start here ========================== */

  .col-12, .wp-12 {
  	width: 100%;
  }
  .col-11, .wp-11 {
  	width: 91.66666667%;
  }
  .col-10, .wp-10 {
  	width: 83.33333333%;
  }
  .col-9, .wp-9 {
  	width: 75%;
  }
  .col-8, .wp-8 {
  	width: 66.66666667%;
  }
  .col-7, .wp-7 {
  	width: 58.33333333%;
  }
  .col-6, .wp-6 {
  	width: 50%;
  }
  .col-5, .wp-5 {
  	width: 41.66666667%;
  }
  .col-4, .wp-4 {
  		width: 33.33%
  	}
  .col-3, .wp-3 {
  	width: 25%;
  }
  .col-2, .wp-2 {
  	width: 16.66666667%;
  }
  .col-1, .wp-1 {
  	width: 8.33333333%;
  }

/* ==================================== Grid css End here ========================== */

/* ==================================== common css start here ========================== */

  .TB-Space{ padding: 50px 0;}
  .tbSpace { margin: 50px 0px;}
  .T-Space{ margin-top: 70px;}
  .TSpace{ padding-top: 70px;}
  .B-Space{ margin-bottom: 70px;}
  .BSpace{ padding-bottom: 100px;}
  .LRSpace { padding: 0 70px;}
  .whiteBg { background: #fff;}
  .grayBg { background: #FAFAFA;}
  .textAlignCenter { text-align: center;}

/* ==================================== common css End here ========================== */

/* ====================================  ajax-loader css Start here ========================== */
  .ajax-loader {
    background-image: url('../images/ajax-loader.svg');
  	background-color: #000;
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: 28px 28px;
  	width: 36px !important;
  	height: 36px !important;
  	margin: 0px 0px 0 -18px !important;
  	position: absolute;
  	bottom: -40px;
  	left: 50%;
  }
/* ====================================  ajax-loader css End here ========================== */