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

body{
  background : red;
}
/*------------| 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: 18px;
  	line-height: 26px;
    letter-spacing: 0px;
  	overflow-x: visible !important;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display:swap;
    font-stretch:normal;
  	display: flex;
  	flex-direction: column;
  	word-break: break-word;
    color: #353535;
    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-visible { outline: #000 auto 0px;}

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

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

  a {
    cursor: pointer;
    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: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size 500ms ease-in-out;

  }

  /* ==================================== Anchor hover css Start here ========================== */
   a:hover {
        background-image: linear-gradient(#898989, #898989);
        /* background-size: 100% 2px; color: inherit; */
        color: #898989;

    }

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

  h1 {
    font-size: 55px;
    line-height: 65px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
  }

  h2 {
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin-top: 10px;
    margin-bottom:15px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
  }
  h3 {
    font-size: 30px;
    line-height: 40px;
    color: #353535;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
  }
  h4 {
    font-size: 25px;
    line-height: 35px;
    color: #353535;
    margin-top: 10px;
    margin-bottom: 15px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
  }
  h5 {
    font-size: 20px;
    line-height: 30px;
    color: #353535;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-break: break-word;
  }
  h6 {
    font-size: 16px;
    line-height: 24px;
    color: #353535;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    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: 5px;
      height: 2px;
      display: block;
      background: #ffffff;
      left: -20px;
      top: 15px;
    } 
  */

 ul li ul, ol li ol { padding: 0;}

 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-weight: 600;
    font-style: normal;
 }

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

  input[type='submit'], input[type=button], input[type=reset], button, .btn {
    background: #002d62;
    color: #ffffff;
    border: 1px solid #002d62;
    border-radius: 5px;
  	font-size: 15px;
  	line-height: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  	text-decoration: none;
  	text-transform: initial;
  	padding: 10px 10px;
  	margin-top: 20px;
  	text-align: center;
  	display: inline-block;
  	position: relative;
  	z-index: 1;
  	overflow: hidden;
    min-width: 150px;
    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;  
 }
  
 input[type='submit']:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover {
    background-image: none;
    background-color: #ffffff;
    color: #002d62;
 }

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

 /* input[type='submit']:before, input[type=button]:before, input[type=reset]:before, button:before, .btn:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 15px;
    top: 0px;
    bottom: 0;
    margin: auto;
    -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);
    background: url(../images/whiteImageRight.svg) no-repeat 80% 50%;
} 

input[type='submit']:hover:before, input[type=button]:hover:before, input[type=reset]:hover:before, button:hover:before, .btn:hover:before {
     background: url(../images/learnMoreArrow.svg) no-repeat;
     right: 7px;
 }

*/

 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 #d9d9d9;
   background-color: #fff;
   font-size:16px;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   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: 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: 16px;
    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"] + label { position: relative; padding-left: 32px;}
input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #343a3f;
    border-radius: 0.2em;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #f3f3f3;
    cursor: pointer;
}
input[type="checkbox"]:checked + label:before {
     width: 20px;
     height: 20px;
     border-radius: 0.2em;
     border: 2px solid #fff;
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     background: #50565a;
     box-shadow: 0 0 0 1px #000;
 }

 /* input[type=checkbox]:not(old)::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   display: inline-block;
   margin-left: 0px;
   padding-left: 36px;
   background: url('../images/done_image.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   line-height: 20px;
   margin-bottom: 0px;
   cursor: pointer;
 }

 input[type=checkbox]:not(old):checked::before {
   background: url('../images/done_image.svg') no-repeat;
   background-position: left top;
   background-size: 25px;
   cursor: pointer;
 } */


 textarea {
   width: 100%;
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   font-size:14px;
   line-height: 24px;
   height: 100px;
   padding: 8px 15px;
   box-sizing: border-box;
   color: #000000;
   border:1px solid #d9d9d9;
   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:#d9d9d9;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder,
  input[type="text"]::-moz-placeholder {
  	color:#d9d9d9;
    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:#d9d9d9;
  }

/* ==================================== 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: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    border-collapse: collapse;
    font-size: 16px;
    letter-spacing: 0.7px;
    /* border-left: 1px solid #4D2F91;
    border-top: 1px solid #4D2F91; */
  }
  .cky-cookie-audit-table th, .cky-cookie-audit-table td {   font-size: 16px !important;}
  .cky-audit-table-element h3 { font-size: 24px; }
  .cky-cookie-audit-table { min-width: 400px;}
  .page a.cky-banner-element { margin-top: 0 !important; }
  a.cky-banner-element { background: #000 !important; color: #fff !important; }

  table.tableWrap { width: 100%; overflow-x: scroll; display: block;}

  table.cookielawinfo-classic thead tr th {
    text-transform: uppercase; background: #afaeae !important;
  }
  table thead tr th { font-family: 'Circular Std Medium'; font-size: 18px !important;}
  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;
  }

  .entry table {
  	width: 100%;
  	border: 0px;
  	table-layout: fixed;
  }
  .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;
  	word-wrap: break-word;
  }
  .entry table td {
  	padding: 15px 8px;
  	border-right: 1px solid #9f9f9f;
  	border-bottom: 1px solid #9f9f9f;
  	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 20px;
    padding: 20px 20px 20px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    background-color: transparent;
    color: #000000;
  }
  blockquote * {
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  blockquote a {
    line-height: normal;
    padding-bottom: 0;
  }
  blockquote h6 {
    font-size: 20px;
    line-height: 28px;
  }
  blockquote:before {
    content: "";
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    position: absolute;
    top: 0px;
    left: 0;
    margin: auto;
    color: #000000;
    background: url(../images/topCornerArrow.svg) no-repeat center center;
    width: 20px;
    height: 20px;
  }
  blockquote::after {
    content: close-quote;
    font-size: 90px;
    line-height: 54px;
    position: absolute;
    right: 7px;
    bottom: 0px;
    font-style: inherit;
    bottom: 0px;
    right: 0;
    margin: 0 auto;
    background: url(../images/BottomCornerArrow.svg) no-repeat center center;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    width: 20px;
    height: 20px;
  }
  blockquote p:last-child {
  	padding-bottom: 0;
  }
/* ==================================== blockquote css End here ========================== */

/* ==================================== container width common css Start here ========================== */
  
  .container_1600{
 	  max-width: 1600px;
 	  padding: 0 100px;
 	  margin: 0 auto;
  }
  .container_1240 {
    max-width: 1240px;
    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: "Roboto", sans-serif;
    font-weight: normal;
    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: "Roboto", sans-serif;
    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: "Roboto", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    border: 1px solid #000000;
  }
  .pagination a:hover:not(.active) {
    background-color: #000000;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

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

/* ==================================== on scroll appearMe css start here ========================== */
  .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
  }

  .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 ========================== */

  .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;
  	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 ========================== */

/* ==================================== 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: 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 */


/* ==================================== 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 ========================== */


/* ==================================== 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%;
  }

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

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

  .TB-Space{ padding: 50px 0;}
  .tbSpace { margin: 40px 0px;}
  .T-Space{ margin-top: 70px;}
  .TSpace{ margin: 70px 0 0 0;}

/* ==================================== 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 ========================== */