@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* font-family: 'Roboto Condensed', sans-serif; */


/*------------| 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: hidden;
  }
  body {
  	padding:0px;
  	margin: 0px;
  	font-size: 18px;
  	line-height: 26px;
    letter-spacing: 0px;
  	overflow-x: visible !important;
    font-family: 'larsseitregular';
    font-display:auto;
    font-weight: normal;
    font-style: normal;
    font-stretch:normal;
  	display: flex;
  	flex-direction: column;
    color: #000000;
    background: #F5EFE8;
  }
/*------------| 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, a:hover, a:active, a:focus {
    /* outline: 0; */
  }
  *:focus{
    /*outline: #000 auto 2px;
     outline-style:none;
    box-shadow:none; */
  }
  *:focus-visible { outline: #000 auto 2px;}

  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
  }

  a {
    opacity: 1;
    color: #000000;
    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-repeat: no-repeat;
    /* border-bottom: 1px solid #000000; */
    background-image: linear-gradient(#000000, #000000);
    background-position: 0% 85%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: background-size .3s;
    border: 0;
  }

  /* ==================================== Anchor hover css Start here ========================== */
    a:hover {
        background-image: linear-gradient(#505050, #ffffff);
    }

    /* a:hover {
      color: #000000;
      text-decoration:underline;
      border-bottom: 1px solid transparent;
    } */

    /*
      #page-wrap a::before {
        content: '';
        position: absolute;
        background-color: #FF5740;
        z-index: 0;
        height: 2px;
        width: 0%;
        left: 0;
        bottom: 0;
        -webkit-transition: width ease 0.4s;
        transition: width ease 0.4s;
      }
      #page-wrap a:hover::before {
        width: 100%;
      }
      .touch #page-wrap a:hover::before {
        width: 0%;
      }
    */

  /* ==================================== 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: 80px;
    line-height: 86px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: -2px;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }

  h2 {
    font-size: 44px;
    line-height: 50px;
    color: #000000;
    margin-top: 10px;
    margin-bottom:15px;
    letter-spacing: 0;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h3 {
    font-size: 36px;
    line-height: 40px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h4 {
    font-size: 30px;
    line-height: 37px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h5 {
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  h6 {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: 'larsseitmedium';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    word-break: break-word;
  }
  ul {
    padding: 0px 0px 30px 20px;
    margin: 0px;
    list-style: none;
  }
  ol {
    padding: 0px 0px 30px 20px;
    margin: 0px;
  }
  ul li{
    position: relative;
    padding: 5px 0px 5px 5px;
    list-style-type: disc;
    text-align: left;
  }
  /* ul li::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 1px;
    display: block;
    background: #000000;
    left: -20px;
    top: 15px;
  } */
 ul li ul, ol li ol { padding-top: 20px;}

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

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

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

 strong, b {
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-weight: 700;
    font-style: normal;
 }

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

 .btn{
    background: transparent;
    color: #000000;
    border: 1.4px solid #000000;
    border-radius: 50px;
  	font-size: 20px;
  	line-height: 20px;
    font-family: 'larsseitmedium';
    font-weight: bold;
    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: 170px;
    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:#000000;
   font-family: 'larsseitmedium';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   font-size:20px;
   line-height: 20px;
   letter-spacing: .075em;
   text-decoration: none;
   margin: 0px;
   padding: 12px 10px;
   /* border-radius: 3px; */
   display: inline-block;
   background-color: transparent;
   border: 1px solid #000000 ;
   cursor: pointer;
   text-align: center;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:        none;
   -webkit-transition: all .3s cubic-bezier(.16,.84,.44,1);
   -moz-transition:    all .3s cubic-bezier(.16,.84,.44,1);
   -o-transition:      all .3s cubic-bezier(.16,.84,.44,1);
   transition:         all .3s cubic-bezier(.16,.84,.44,1);
   min-width: 170px;
   width: auto;
   text-transform: uppercase;
 }
 input[type='submit']:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover {
   background-color: #000000;
   color: #ffffff;
 }
 /*
 input[type='submit']:before, input[type=button]:before, input[type=reset]:before, button:before, .btn:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #28D1D5;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: .4s;
   transition-duration: .4s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   display: block !important;
 }
 input[type='submit']:hover:before, input[type=button]:hover:before, input[type=reset]:hover:before, button:hover:before, .btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
 }
 */

 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: 0px solid #000000;
   background-color: #fff;
   font-size:20px;
   font-family: 'larsseitmedium';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   padding: 7px 15px;
   margin: 0px;
   color: #333333;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   height: 45px;
 }

 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: 20px;
    border-bottom: 1px solid #000;
 }
 select option{
    padding:10px 0px;
    display: block;
    font-size: 16px;
 }
 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: 'larsseitmedium';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   font-size:21px;
   line-height: 26px;
   height: 100px;
   padding: 8px 15px;
   box-sizing: border-box;
   color: #000000;
   border:2px solid #34CCDF;
   background-color: transparent;
   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 ========================== */
  table {
    width: 100% !important;
    border: 0px;
    /* table-layout: fixed; */
    background: transparent;
    text-align: left;
    font-family: 'larsseitregular';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    border-collapse: collapse;
    font-size: 18px !important;
    /* border-left: 1px solid #4D2F91;
    border-top: 1px solid #4D2F91; */
  }
  .cky-cookie-audit-table td { font-size: 18px !important; }
  table.cookielawinfo-classic thead tr th {
    text-transform: uppercase; background: #afaeae !important;
  }
  table thead tr th { font-family: 'larsseitmedium'; font-size: 22px;}
  table tr td { padding: 12px 15px; border-collapse: collapse; min-width: 200px;}
  table h1, table h2, table h3, table h4, table h5 { margin: 0px; }

.cky-audit-table-element { margin-bottom: 50px; }
.cky-cookie-audit-table th, .cky-cookie-audit-table td { border: 0 solid transparent !important; }
.cky-cookie-audit-table th, .cky-cookie-audit-table td { border-bottom: 1px solid #ffffff !important;}
 table th {
    background: transparent !important;
    color: #FFC107 !important;
    padding: 15px;
      text-align: left;
    /* border-right: 1px solid #4D2F91; */
    /* word-wrap: break-word; */
    font-weight: 700;
    border-bottom: 1px solid #ffffff !important;
    font-family: 'larsseitbold';
    font-size: 22px !important;
  }
  .cky-cookie-audit-table tr:nth-child(2n + 1) td,
  .cky-cookie-audit-table tr:nth-child(2n) td { background: transparent !important; }

  table th:first-child { padding-left: 0; }


.cky-cookie-audit-table td,
  table td {
    /* border-right: 1px solid #4D2F91; */
    border-bottom: 1px solid #ffffff !important;
    /* 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: 5px;
  	border-collapse: collapse;
  }
  .entry table {
  	background: transparent;
  	text-align: left;
  	/* margin-bottom: 20px; */
  	border-left: 1px solid #9f9f9f;
  	border-top: 1px solid #9f9f9f;
  	border-collapse: collapse;
  }
  .entry table h1, .entry table h2, .entry table h3, .entry table h4, .entry table h5 {
  	margin: 0px;
  }
  .entry table th, thead td {
  	background: #ec671b;
  	color: #000;
  	padding: 15px 8px;
  	border-right: 1px solid #9f9f9f;
  	font-weight: 700;
  	border-bottom: 1px solid #9f9f9f;
  }
  .entry table td {
  	padding: 15px 8px;
  	border-right: 1px solid #9f9f9f;
  	border-bottom: 1px solid #9f9f9f;
  }
  .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 20px;
    padding: 70px 20px 20px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    background-color: transparent;
    color: #000000;
  }
  blockquote * {
    font-size: 24px;
    line-height: 32px;
    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: 15px;
    line-height: 21px;
  }
  blockquote:before {
    content: "";
    font-family: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    color: #394292;
    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: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  blockquote p:last-child {
  	padding-bottom: 0;
  }
/* ==================================== blockquote css End here ========================== */

/* ==================================== container width common css Start here ========================== */
  .container_1800 {
    max-width: 1800px;
    padding: 0 30px;
  	margin: 0 auto;
  }
  .container_1680{
    max-width: 1680px;
    padding: 0 30px;
    margin: 0 auto;
  }
  .container_1600{
   	max-width: 1600px;
   	padding: 0 30px;
    margin: 0 auto;
  }
  .container_1500 {
    max-width: 1500px;
    padding: 0 30px;
    margin: 0 auto;
    width: 100%;
  }
  .container_1400{
 	  max-width: 1400px;
 	  padding: 0 30px;
 	  margin: 0 auto;
  }
  .container_1320 {
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
  }
  .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: 17px;
    line-height: 23px;
    text-transform: capitalize;
    font-family: 'larsseitmedium';
    font-weight: bold;
    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: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin: 0 10px;
  }
  .pagination a.page-numbers { cursor: pointer; background: #e8f7fe; border: 1px solid #000000; text-transform: capitalize; 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: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    border: 1px solid #000000;
  }
  .pagination a:hover:not(.active) {
    background-color: #000000;
    color: #ffffff;
    font-family: 'larsseitmedium';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

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

/* ==================================== on scroll appearMe css start here ========================== */
  /* .animateme { opacity: 0; transform: translateY(40px)} */
  /* .animateme.animated { animation: fadeInUp 0.5s ease-in-out forwards;} */

  /* fade in opacity css start */
    .fadeIn {
    	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);
    }
    .animateme.fadeIn.animated {
    	opacity: 1
    }
  /* fade 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 .8s cubic-bezier(.16,.84,.44,1), transform .8s cubic-bezier(.16,.84,.44,1);
    	-webkit-transition: opacity .8s cubic-bezier(.16,.84,.44,1), transform .8s cubic-bezier(.16,.84,.44,1);
    	-moz-transition: opacity .8s cubic-bezier(.16,.84,.44,1), transform .8s cubic-bezier(.16,.84,.44,1);
    	-o-transition: opacity .8s cubic-bezier(.16,.84,.44,1), transform .8s cubic-bezier(.16,.84,.44,1);
    }
    .animateme.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 .wp-wrap {
    width: 100%;
  }
  .flexGrow {
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-flow: row wrap;
  }
  .flexGrow .wp-wrap:last-child {
    -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
  }
/* ==================================== flex css End here ========================== */

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

.wp-stretch {
  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;
}
.wp-stretch .wp-box {
  width: 33.33%;
  padding: 0px;
  overflow: hidden;
  position: relative;
}
.wp-stretch::after, .centerBlock::after {
  visibility: hidden;
  display: block;
  font-size: 0px;
  content: " ";
  clear: both;
  height: 0%;
}
.wp-stretch .wp-box 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%;
  	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: 200.78vh; }
  }
  /* 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;
  }
  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: 18px;
  	line-height: 24px;
  	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 ========================== */

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

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

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

  .B-Space{ margin-bottom: 70px;}
  .T-Space{ margin-top: 70px;}
  .TB-Space{ padding-top: 70px; padding-bottom: 70px;}
  .TSpace{ margin: 70px 0 0 0;}
  .BSpace{ padding: 0 0 100px;}
  .LRSpace { padding: 0 70px;}
  .topSpace{ padding-top: 70px;}
  .tbSpace { padding: 70px 0px;}
  .whiteBg { background: #fff;}
  .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 ========================== */