/*CSS validated at: https://jigsaw.w3.org/css-validator , Use in compressed form*/
/* ---------------- CSS Code to Use in Web version, start ---------------- */

/*body background color*/

body {
       background-color: #FFFFFF;
       color: black;
}

/*Email submit btn, not in amp plugin */
vdobtn1 @media (min-width:300px) {
       #subsform {
              width: 65%;

       }
}

@media (min-width:450px) {
       followtext #subsform {
              width: 65%;

       }
}

@media (min-width:700px) {
       #subsform {
              width: 65%;

       }
}

#subsform {
       float: left;
       border: none;
       height: 38px;
}

#hic {
       border: #800040 solid 1px;
}

#hic:hover {
       border: #C23D89 solid 1px;
}


@media (min-width:300px) {
       #fsubsbtn {
              width: 35%;

       }
}

@media (min-width:450px) {
       #fsubsbtn {
              width: 35%;

       }
}

@media (min-width:700px) {
       #fsubsbtn {
              width: 35%;

       }
}

#fsubsbtn {
       float: left;
       /* padding : 12px 6px; */
       height: 38px;
       color: #FFFFFF;
       background-color: #800040;
       border: none;
}

#fsubsbtn:hover {
       background-color: #C23D89;
       border: #C23D89 solid 1px;
}

/*design for h2 tag for all post, h2 for SEO */

@media (min-width:250px) {
       h2 {
              font-size: 24px;
       }
}

@media (min-width:500px) {
       h2 {
              font-size: 22px;
       }
}

/* custom design for h2*/
h2 {
       font-weight: normal;
       color: #851AE6;

}

/* custom design for h2 for new webpage design */

#h2dsg {

       font-weight: normal;
       color: #851AE6;
       background-color: #fff7ff;
       border: none;
}

/*design for h3 tag for all post*/

#h3dsg {
       font-size: x-large;
       font-weight: bold !important;
       color: black;
       background-color: #F5FFEF;
}

/*design for h3 tag for all post*/

h3 {
       font-size: x-large;
       font-weight: bold;
       color: black;
}

/*For introduction, body and conclusion - heading*/
#h4dsg {
       font-size: x-large;
       font-weight: bold !important;
       color: black;
       background-color: #F5FFEF;
}

/*For some highlights in the page content pointing as a normal heading*/
#h5dsg {
       font-size: x-large;
       font-weight: bold !important;
       color: black;
       background-color: #F5FFEF;
}

/*Numbering of points in the post*/

#no {
       color: #FFFFFF;
       background-color: #000000;
       padding: 3px 8px;
       margin: 0 0;
}

/*background color and border for webpage*/

#bgbdr {
       max-width: 1070px;
       margin: 40px auto;
       border: #4F3659 solid 1px;
       border-radius: 12px;
       background-color: #F0ECFD; /*EX: fff7ff*/
       padding: 10px;
       box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
       overflow: hidden; /* Ensures box shadow is neat with image */
}

/* Not using now
#bgbdr2 {
border : #4F3659 solid 2px;
background-color : #F0ECFD; 
}

#bgbdr3 {
border : #4F3659 solid 2px;
background-color : #F0ECFD; 
}
*/

/*for page design in whole ul listing */

#onepart {
       color: white;
       background-color: #555656;
}

/*for product ul listing */

#pdctpg {
       color: white;
       background-color: #555656;
}

/*Introduction to End Part for div xxxpart, start*/

#intropart {
       color: white;
       background-color: #555656;
}

#bodypart {
       color: white;
       background-color: #555656;
}


/* Use this instead of #onepart for easiniess */
#contentpart {
       color: white;
       background-color: #555656;
}

#conclusionpart {
       color: white;
       background-color: #555656;
}

#contentendpart {
       color: white;
       background-color: #555656;
}

#contentinfopart {
       color: black;
       background-color: #fff7ff;
}

/*add this for it too*/
#alsoread {
       color: black;
       background-color: #fff7ff;
}

#socialsharecmdpart {
       color: white;
       background-color: #555656;
}

#creditpart {
       color: white;
       background-color: #D4C5DA;
}

#CrMscHtPart {
       color: white;
       background-color: #555656;
}

#tiktoknformpart {
       color: white;
       background-color: #F0ECFD;
}


/*Introduction to End Part for div xxxpart, end*/

/*Inside post image design for better look like post content, start */
#onepartimg {
       /*for page design in whole + for product ul listing */

       background-color: #555656;
}

@media (min-width:250px) {
       #bdrbtmpostimg {
              border-bottom: #F0ECFD solid -12px !important;
       }
}

@media (min-width:500px) {
       #bdrbtmpostimg {
              border-bottom: #F0ECFD solid 12px !important;
       }
}

#bdrbtmpostimg {
       background-color: #F0ECFD !important;

}

/*Normal page code without numbering paragraph*/

/*page (p) font-size in Desktop + Mobile version*/

@media (min-width:250px) {
       #pagen {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #pagen {
              font-size: 20px;
       }
}

#pagen {
       cursor: pointer;
       color: white;
       background-color: #555656;
       font-weight: normal;
       padding: 10px;
       /*text-align : justify; makes text full width*/

}

/*Inside post image design for better look like post content, end */

/*page (p) font-size in Desktop + Mobile version*/

@media (min-width:250px) {
       #page {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #page {
              font-size: 20px;
       }
}

#page {
       cursor: pointer;
       color: white;
       background-color: #555656;
       font-weight: normal;
       padding: 10px;
       /*text-align : justify; makes text full width*/

}

/*Normal indent page code without numbering sub-paragraph*/

/*indent0*/

@media (min-width:250px) {
       #indent0 {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #indent0 {
              font-size: 20px;
       }
}

#indent0 {
       cursor: pointer;
       color: #000000;
       background-color: #F5FFEF;
       font-weight: normal;
       text-indent: 0px !important;

}

/*indent1*/

@media (min-width:250px) {
       #indent1 {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #indent1 {
              font-size: 20px;
       }
}

#indent1 {
       cursor: pointer;
       color: #000000;
       background-color: #F5FFEF;
       font-weight: normal;
       text-indent: 70px !important;

}

/*indent2*/

@media (min-width:250px) {
       #indent2 {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #indent2 {
              font-size: 20px;
       }
}

#indent2 {
       cursor: pointer;
       color: #000000;
       background-color: #F5FFEF;
       font-weight: normal;
       text-indent: 140px !important;

}

/*indent3*/

@media (min-width:250px) {
       #indent3 {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #indent3 {
              font-size: 20px;
       }
}

#indent3 {
       cursor: pointer;
       color: #000000;
       background-color: #F5FFEF;
       font-weight: normal;
       text-indent: 210px !important;

}

/*page (p) font-size in Desktop + Mobile version, using css IDS cmd*/

@media (min-width:250px) {

       #pagebp,
       #pagecl,
       #pagend,
       #pagelastpmt,
       #pagesm,
       #pagehsmt,
       #pagehcfr,
       #pageht,
       #pagems,
       #pagetktk,
       #pagelstp {
              font-size: 22px;
       }
}

@media (min-width:500px) {

       #pagebp,
       #pagecl,
       #pagend,
       #pagelastpmt,
       #pagesm,
       #pagehsmt,
       #pagehcfr,
       #pageht,
       #pagems,
       #pagetktk,
       #pagelstp {
              font-size: 20px;
       }
}

#pagebp,
#pagecl,
#pagend,
#pagelastpmt,
#pagesm,
#pagehsmt,
#pagehcfr,
#pageht,
#pagems,
#pagetktk,
#pagelstp {
       cursor: pointer;
       color: white;
       background-color: #555656;
       font-weight: normal;
       padding: 10px;
       text-align: left;
       /*justify = makes text full width*/


}

/*second last paragraph margin-top command along with page*/
/*
@media (min-width:250px) {
#pagelastpmt {
       font-weight : normal; 
       font-size : 22px;
       margin-top : 24px !important;
       text-align : left; 
}
}

@media (min-width:500px) {
#pagelastpmt {
       font-weight : normal; 
       font-size : 20px;
       margin-top : 24px !important;
       text-align : left;
}
}

#pagelastpmt {
cursor : pointer;
color: white;
background-color: #555656;

}
*/

/*Add numbering after #page, #sumarea, excluding #ytsrctextnote tag but give a space after p tag for text, chronologically all*/

#page {
       counter-increment: myIndex;
}

#page::before {
       content: counter(myIndex);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/*this is for introduction of the webpage in description form, css IDS cmd*/

/*
#sumarea {
  counter-increment: myIndex30;
}

#sumarea::before {
  content:counter(myIndex30);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*Add numbering after #sumarea, #pagelastpmt, #ytdescnote excluding #ytsrctextnote tag but give a space after p tag for text, manual*/
/* page numbering for #page, #pagebp, #pagecl, #pagend, #pagelastpmt, #pagesm, #pagehsmt, #pagehcfr, #pageht, #pagems, #pagetktk, #pagelstp */

#page {
       counter-increment: myIndex1;
}

#page::before {
       content: counter(myIndex1);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/*
#pagebp {
  counter-increment: myIndex2;
}

#pagebp::before {
  content:counter(myIndex2);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*
#pagecl {
  counter-increment: myIndex3;
}

#pagecl::before {
  content:counter(myIndex3);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

#pagend {
       counter-increment: myIndex4;
}

#pagend::before {
       content: counter(myIndex4);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/*page numbering for social media share section*/

#pagelastpmt {
       counter-increment: myIndex5;
}

#pagelastpmt::before {
       content: counter(myIndex5);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/*
#pagesm {
  counter-increment: myIndex5;
}

#pagesm::before {
  content:counter(myIndex5);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*credit note section for royalty free videos*/

#pagehsmt {
       counter-increment: myIndex7;
}

#pagehsmt::before {
       content: counter(myIndex7);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/*page number for last 3 paragraph after credit note section*/

#pagehcfr {
       counter-increment: myIndex11;
}

#pagehcfr::before {
       content: counter(myIndex11);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

#pagems {
       counter-increment: myIndex11;
}

#pagems::before {
       content: counter(myIndex11);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

#pageht {
       counter-increment: myIndex11;
}

#pageht::before {
       content: counter(myIndex11);
       background-color: #154785;
       color: white;
       padding: 1px 3px;
}

/* for last 2 paragraph of webpage, page design */

/*
#pagetktk {
  counter-increment: myIndex11;
}

#pagetktk::before {
  content:counter(myIndex11);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*
#pagelstp {
  counter-increment: myIndex12;
}
#pagelstp::before {
  content:counter(myIndex12);
  background-color:#154785;
  color: white;
  padding: 1px 3px;
}
*/

/*To give space below the featured image*/

@media (min-width:250px) {
       #bdrbtmfeatimg {
              border-bottom: #F0ECFD solid -12px !important;
       }
}

@media (min-width:500px) {
       #bdrbtmfeatimg {
              border-bottom: #F0ECFD solid 12px !important;
       }
}

#bdrbtmfeatimg {
       background-color: #F0ECFD !important;
}

/*To give space below the heading post image*/

@media (min-width:250px) {
       #bdrbtmpostimg {
              border-bottom: #F0ECFD solid -12px !important;
       }
}

@media (min-width:500px) {
       #bdrbtmpostimg {
              border-bottom: #F0ECFD solid 12px !important;
       }
}

#bdrbtmpostimg {
       background-color: #F0ECFD !important;

}

/*To give white spacing below the button located below video and above it, for summary or introduction video*/

#bdrbtm {
       border-bottom: #FFFFFF solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtmpc {
       border-bottom: #555656 solid 12px !important;

}

/*To give spacing in between the button located below video*/

#bdrbtmbtn {
       border-bottom: #FFFFFF solid 6px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm1by1 {
       border-bottom: #F0ECFD solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm9by16 {
       border-bottom: #F0ECFD solid 12px !important;

}

/*To give page color spacing below the button located below video and above it, for post videos only*/

#bdrbtm16by9 {
       border-bottom: #F0ECFD solid 12px !important;

}

/*Total Page Views text div id code*/

/*
#PV {
font-size : 22px;
float : left;
font-family : normal;
font-weight : bold;
margin-top : -3.5px;
}
*/

/*Visitor Counter*/

/*
#VC {
float : left;
}
*/

/*image, layout and position code*/

#imlo {
       width: 100%;
       max-width: 1070px; /*EX: 700px*/
       height: 100%;
       max-height: 602px; /*EX: 400px*/
       display: block;
       margin-left: auto;
       margin-right: auto;
}

/*page views image counter dimesion*/

/*
#pvimlo {
height : 100%;
max-height : 19px;
width : auto;
}
*/

/*Website Main Menu Design button*/

@media (min-width:320px) {

       .mbtn1,
       .mbtn2,
       .mbtn3,
       .mbtn4,
       .mbtn5,
       .mbtn6,
       .mbtn7,
       .mbtn8 {
              min-width: 320px !important;
              max-width: 100% !important;
              min-height: 42px !important;
              max-height: 100% !important;

       }
}

@media (min-width:480px) {

       .mbtn1,
       .mbtn2,
       .mbtn3,
       .mbtn4,
       .mbtn5,
       .mbtn6,
       .mbtn7,
       .mbtn8 {
              min-width: 480px !important;
              max-width: 100% !important;
              min-height: 42px !important;
              max-height: 100% !important;

       }
}

@media (min-width:600px) {

       .mbtn1,
       .mbtn2,
       .mbtn3,
       .mbtn4,
       .mbtn5,
       .mbtn6,
       .mbtn7,
       .mbtn8 {
              min-width: 600px !important;
              max-width: 100% !important;
              min-height: 42px !important;
              max-height: 100% !important;

       }
}

@media (min-width:700px) {

       .mbtn1,
       .mbtn2,
       .mbtn3,
       .mbtn4,
       .mbtn5,
       .mbtn6,
       .mbtn7,
       .mbtn8 {
              min-width: 70px !important;
              max-width: 100% !important;
              min-height: 51px !important;
              max-height: 100% !important;

       }
}

.mbtn1 {
       background-color: #6F0BF4;
       /*Home btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn2 {
       background-color: #C1443E;
       /*Blog btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn3 {
       background-color: #E61ABD;
       /*Product btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn4 {
       background-color: #8E5831;
       /*Videos btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn5 {
       background-color: #5300FF;
       /*FAQ btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn6 {
       background-color: #B54A4A;
       /*Earn btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn7 {
       background-color: #B552EF;
       /*Follow btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.mbtn8 {
       background-color: #E2311D;
       /*Subscribe btn clr*/
       border: none;
       margin: 0 0;
       color: white;
       cursor: pointer;
       text-decoration: none !important;
}

.active,
.mbtn1:hover,
.mbtn2:hover,
.mbtn3:hover,
.mbtn4:hover,
.mbtn5:hover,
.mbtn6:hover,
.mbtn7:hover,
.mbtn8:hover {
       background-color: #7b047b;
}

.active,
.mbtn1:focus,
.mbtn2:focus,
.mbtn3:focus,
.mbtn4:focus,
.mbtn5:focus,
.mbtn6:focus,
.mbtn7:focus,
.mbtn8:focus {
       background-color: #7b047b;
}

/*pdf btn 1 at top of the post*/

#pdfbtn1 {
       margin: 0;
       padding: 0;
       min-width: 150px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #FF8000;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#pdfbtn1:hover {
       background-color: #F27787;
       border: none;
}

/*Latest Modified pdf btn 2*/

#mpdfbtn1 {
       /* margin : 0.5% 0.1%; */
       /*not necessary*/
       text-align: center;
       text-decoration: none;
       display: inline-block !important;
       min-width: 122px;
       min-height: 50px;
       outline: none;
       background-color: #FF8000;
       border: none;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#mpdfbtn1:not(:last-child) {
       border-right: none;
       /* Prevent double borders */
}

#mpdfbtn1:hover {
       background-color: #F27787;
       border: none;
}

/*vdo clips | video clips btn 3*/

#mvdobtn3 {
       /* margin : 0.5% 0.1%; */
       /*not necessary*/
       text-align: center;
       text-decoration: none;
       display: inline-block !important;
       min-width: 122px;
       min-height: 50px;
       outline: none;
       background-color: #CC2400;
       border: none;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#mvdobtn3:not(:last-child) {
       border-right: none;
       /* Prevent double borders */
}

#mvdobtn3:hover {
       background-color: #780419;
       border: none;
}

/*pdf btn 2 at bottom of the page for pdf reading tools page*/

#pdfbtn2 {
       margin: 0;
       padding: 0;
       min-width: 250px;
       min-height: 50px;
       outline: none;
       background-color: #FF8000;
       border: none;
       text-align: center;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#pdfbtn2:hover {
       background-color: #F27787;
       border: none;
}


/*MP3 btn 2 at bottom of the page for MP3 listening tools page*/

#mp3btn3 {
       margin: 0;
       padding: 0;
       min-width: 250px;
       min-height: 50px;
       outline: none;
       background-color: #008AA3;
       border: none;
       text-align: center;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#mp3btn3:hover {
       background-color: #00B39D;
       border: none;
}


/*vdo btn 2 at bottom of the page for vdo playing tools*/

@media (min-width:250px) {
       #vdobtn2 {
              font-size: 20px;
       }
}

@media (min-width:500px) {
       #vdobtn2 {
              font-size: 18px;
       }
}

#vdobtn2 {
       margin: 0;
       padding: 0;
       min-width: 250px;
       min-height: 50px;
       outline: none;
       background-color: #FF0080;
       border: none;
       text-align: center;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#vdobtn2:hover {
       background-color: #FF0000;
       border: none;
}

/*Email submit btn below YT vdo, NU */


#subsbtn {
       margin: 0;
       padding: 0;
       min-width: 128px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #800040;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#subsbtn:hover {
       background-color: #C23D89;
       border: none;
}


/*subscribe btn in footer body text*/

@media (min-width:250px) {
       #substext {
              font-size: 22px;
              min-height: 22px !important;
              line-height: 22px;
       }
}

@media (min-width:500px) {
       #substext {
              font-size: 20px;
              min-height: 20px !important;
              line-height: 20px;
       }
}

#substext {
       margin: 0;
       padding: 0;
       min-width: auto !important;
       /*EX: 80px !important*/

       color: #FFFFFF;
       background-color: #D7286A;
       border: none;
}

#substext:hover {
       background-color: #F50ABB;
       border: none;
}

/*Remove underline under the link, using in btn a href link*/

#tdn {
       text-decoration: underline !important;
       /*EX: none !important*/
       color: #468BFF;
}

/*contact us btn in footer body text*/

@media (min-width:250px) {
       #contacttext {
              font-size: 22px;
              min-height: 22px !important;
              line-height: 22px;
       }
}

@media (min-width:500px) {
       #contacttext {
              font-size: 20px;
              min-height: 20px !important;
              line-height: 20px;
       }
}

#contacttext {
       margin: 0;
       padding: 0;
       min-width: auto !important;
       /*EX: 82px !important*/
       color: #FFFFFF;
       background-color: #3194FF;
       border: none;
}

#contacttext:hover {
       background-color: #7F4DFF;
       border: none;
}

/*social media btn in footer body text*/

@media (min-width:250px) {
       #followtext {
              font-size: 22px;
              min-height: 22px !important;
              line-height: 22px;
       }
}

@media (min-width:500px) {
       #followtext {
              font-size: 20px;
              min-height: 20px !important;
              line-height: 20px;
       }
}

#followtext {
       margin: 0;
       padding: 0;
       min-width: auto !important;
       /*EX:  55px !important*/
       color: #FFFFFF;
       background-color: #5300FF;
       border: none;
}

#followtext:hover {
       background-color: #8B09F7;
       border: none;
}

/*pdf text for header 2 design*/

#pdftext {
       margin: 0;
       padding: 0;
       width: auto;
       height: auto;
       outline: none;
       border: #FF8000 solid 1px;
       text-align: center;
       cursor: pointer;
       color: #FF8000;
}

/*pdf text for header 2 design*/

#mp3text {
       margin: 0;
       padding: 0;
       width: auto;
       height: auto;
       outline: none;
       border: #FF8000 solid 1px;
       text-align: center;
       cursor: pointer;
       color: #008AA3;
}

/*video text for header 2 design*/

#vdotext {
       margin: 0;
       padding: 0;
       width: auto;
       height: auto;
       outline: none;
       border: #FF0080 solid 1px;
       text-align: center;
       cursor: pointer;
       color: #FF0080;
}

/*video clips text for header 2 design*/

#vdoclipstext {
       margin: 0;
       padding: 0;
       width: auto;
       height: auto;
       outline: none;
       border: #FF8000 solid 1px;
       text-align: center;
       cursor: pointer;
       color: #CC2400;
}

/*Summary area & text design at the top, using #id css cmd*/
/*page (p) font-size in Desktop + Mobile version, using #id css cmd*/

@media (min-width:250px) {
       #sumarea {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #sumarea {
              font-size: 20px;
       }
}

#sumarea {
       color: #FFFFFF;
       font-weight: normal;
       /*ex: font-family : courier; (NU)*/
       background-color: #555656;
       /*EX: #5F5F5F */
       border: none;
       text-align: left;
       /*justify = makes text full width*/
       padding: 10px;
}

@media (min-width:250px) {
       #sumtext {
              font-size: 22px;
       }
}

@media (min-width:500px) {
       #sumtext {
              font-size: 20px;
       }
}

#sumtext {
       color: #FFFFFF;
       font-weight: bold;
       background-color: #6B126D;
}

/*vdo btn 1 at top of the page*/

#vdobtn1 {
       margin: 0;
       padding: 0;
       min-width: 150px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #CC2400;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#vdobtn1:hover {
       background-color: #780419;
       border: none;
}

/*mp3 btn 5 at top of the page*/

#mp3btn5 {
       margin: 0;
       padding: 0;
       min-width: 150px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #008AA3;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#mp3btn5:hover {
       background-color: #00B39D;
       border: none;
}

/*mp3 button download*/

#mp3btn2 {
       margin: 0.5% 10% !important;
       /*ex: 0.5% 0.1%*/
       text-align: center;
       text-decoration: none;
       display: inline-block !important;
       min-width: 122px;
       min-height: 50px;
       outline: none;
       background-color: #008AA3;
       border: none;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#mp3btn2:not(:last-child) {
       border-right: none;
       /* Prevent double borders */
}

#mp3btn2:hover {
       background-color: #00B39D;
       border: none;
}

/*Latest Modified vdo btn 2*/

#mvdobtn4 {
       margin: 0.5% 10% !important;
       /*ex: 0.5% 0.1%*/
       text-align: center;
       text-decoration: none;
       display: inline-block !important;
       min-width: 122px;
       min-height: 50px;
       outline: none;
       background-color: #FF0080;
       border: none;
       font-size: 18px;
       font-weight: bold;
       cursor: pointer;
       color: white;
       line-height: 7px;
}

#mvdobtn4:not(:last-child) {
       border-right: none;
       /* Prevent double borders */
}

#mvdobtn4:hover {
       background-color: #FF0000;
       border: none;
}

/*Full Vdo, top button*/

#fullvdo {
       margin: 0;
       padding: 0;
       min-width: 128px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #FF0080;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#earnbtn:hover {
       background-color: #FF0000;
       border: none;
}

/*Earn With InfoTrim Forever*/

#earnbtn {
       margin: 0;
       padding: 0;
       min-width: 128px;
       min-height: 38px;
       line-height: 15px;
       outline: none;
       background-color: #3DAD60;
       border: none;
       text-align: center;
       font-size: 100%;
       cursor: pointer;
       color: white;
}

#earnbtn:hover {
       background-color: #1460EB;
       border: none;
}

/*------CSS for pages, product and video pages design, start------*/

/* .cityv for div class="cityv" Mobile resp. design html format code*/

@media (min-width:250px) {
       .cityv {
              width: 49%;
              /*for amp set 48%, non-amp 49%*/
       }
}

@media (min-width:500px) {
       .cityv {
              width: 24%;
              /*for amp set 23.5%, non-amp 24%*/
       }
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.cityv {
       float: left;
       margin: 0.5% 0.5%;
       padding: 0;
       height: auto;
       background-color: #705050;
       border: none;
       text-decoration: none !important;
       text-align: center;
       color: white;
}

/* to hover over an image of .city border area as desired or targeted */

.f1v {
       font-family: serif;
       font-size: 110%;
       color: white;
       font-style: normal;
}

.g1v,
.k1v {
       color: white;
}

/* .cityv for div class="citys" Mobile resp. SOCIAL MEDIA icon design html format code*/

@media (min-width:250px) {
       .citys {
              width: 49%;
              /*for amp set 48%, non-amp 49%*/
       }
}

@media (min-width:500px) {
       .citys {
              width: 24%;
              /*for amp set 23.5%, non-amp 24%*/
       }
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.citys {
       float: left;
       margin: 0.5% 0.5%;
       padding: 0;
       height: auto;
       background-color: #FFFFFF;
       /*pref: #705050*/
       border: none;
       text-decoration: none !important;
       text-align: center;
       color: white;
}

.citys:hover {
       opacity: 0.8;
}

/*product details css btn*/

#videodetailsv {
       color: white;
       background-color: #E72318;
       border: none;
       line-height: 15px;
       padding: 0;
       margin: 0;
       width: auto;
       min-height: 15px;
       text-align: center;
       text-decoration: none !important;
       outline: none;
}

#videodetailsv:hover {
       background-color: #E31CA8;
       border: none;
}

/*h6 design For tiktok bonus videos*/

h6 {
       color: #FFFFFF;
}

/*For tiktok bonus videos*/

@media (min-width:250px) {
       .citytb {
              width: 100%;
       }
}

@media (min-width:660px) {
       .citytb {
              width: 100%;
              /*prev: 45%*/
       }
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.citytb {
       float: left;
       margin: 2% 2%;
       padding: 0;
       height: auto;
       background-color: #592654;
       border: none;
       text-decoration: none !important;
       text-align: center;
       color: white;
}

/* ---------------- Product Page body Custom CSS code start, For Non-amp (Desktop) only {in WP CCSS Plugin} ---------------- */

@media (min-width:250px) {
       .city {
              width: 100%;
       }
}

@media (min-width:660px) {
       .city {
              width: 45%;
              /*prev: 31.3%*/
       }
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.city {
       float: left;
       margin: 2% 2%;
       padding: 0;
       height: auto;
       background-color: #592654;
       border: none;
       text-decoration: none !important;
       text-align: center;
       color: white;
}

/*product image layout 600x300 for image listing*/

.productimg {
       width: 100%;
       max-width: 700px;
       height: 100%;
       max-height: 230px;
       border: #410661 solid 2px;
}

/* to hover over an image of .city border area as desired or targeted */

@media (min-width:250px) {

       .f1,
       .g1,
       .k1 {
              font-size: 18px !important;
       }
}

@media (min-width:500px) {

       .f1,
       .g1,
       .k1 {
              font-size: 16px !important;
       }
}

.f1,
.g1,
.k1 {

       color: white;
       font-weight: normal;
}

/*product details css btn*/

@media (min-width:250px) {
       #productdetails {
              font-size: 20px;
              line-height: 20px;
              min-height: 20px;
       }
}

@media (min-width:500px) {
       #productdetails {
              font-size: 18px;
              line-height: 18px;
              min-height: 18px;
       }
}

#productdetails {
       color: white;

       background-color: #E72318 !important;
       border: none;

       padding: 0;
       margin: 0;
       min-width: auto !important;
       /*EX: 100px !important*/

       text-align: center;
       text-decoration: none !important;
       outline: none;
}

#productdetails:hover {
       background-color: #F807CD;
       border: none;
}

/*------CSS for pages, product and video pages design, end------*/

/*-------Product Page Menu design Custom CSS, start--------*/

body {
       font-family: "Lato", sans-serif;
}

.sidenav {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 1;
       top: 0;
       left: 0;
       background-color: #111;
       overflow-x: hidden;
       transition: 0.5s;
       padding-top: 5%;
}

/*side nav font and design prev padding 5px 5px 5px 12px */

.sidenav a {
       padding: 0 0;
       text-decoration: none !important;
       font-size: 17px;
       color: #818181;
       display: block;
       transition: 0.3s;
}

.sidenav a:hover,
.offcanvas a:focus {
       color: #f1f1f1;
}

.sidenav .closebtn {
       position: absolute;
       top: 5%;
       right: 55%;
       font-size: 36px;
       margin-left: auto;
}

#main {
       transition: margin-left 0.5s;
       padding: inherit;
}

@media screen and (max-height:450px) {
       .sidenav {
              padding-top: 15%;
       }

       .sidenav a {
              font-size: 18px;
       }
}

.sidenav .closebtn {
       position: absolute;
       top: 27%;
       right: 55%;
       font-size: 46px;
       margin-left: auto;
}

/*product button header design*/
#producthdrbtn {
       background-color: #9A0514;
       /*prev: inherit, normal blue*/
       border: none;
       color: white;
       float: none;
       cursor: pointer;
       height: 40px;
       transition: 0.3s;
       font-size: 18px;
       width: 100%;
}

/* category type menu design CSS */

#pcm {
       color: white;
       background-color: #9A0514;
       cursor: pointer;
       display: inline-block;
       width: 100%;
       max-width: 1200px;
       height: 30px;
       line-height: 25px;
       font-size: 1.5em;
}

#pcmcf {
       font-size: 0.8em;
}

/*Product sidenav menu heading font design*/

#snm {
       font-size: 1em;
       font-weight: bold !important;
       border: #FFFFFF solid 1px;
       margin: 0;
       padding: 0;
       width: auto;
       height: auto;
       outline: none;
       text-align: center;
       cursor: pointer;
}

/*-------Product Page Menu design Custom CSS, end--------*/

/*1. Multipage content head CSS, for sitemap start*/

#ccvdobtnhdr {
       background-color: #4A191E;
       /*prev: inherit, normal blue*/
       border: none;
       color: white;
       float: none;
       cursor: pointer;
       height: 40px;
       transition: 0.3s;
       font-size: 18px;
       width: 100%;
}

/*1. Multipage content head CSS, for sitemap, end*/

/* 'ALSO READ' .city for div class="city" Mobile resp. design html format code, start*/

@media (min-width:250px) {
       .cityAL {
              width: 49%;
              /*for amp set 48%, non-amp 49%*/
       }
}

@media (min-width:500px) {
       .cityAL {
              width: 24%;
              /*for amp set 23.5%, non-amp 24%*/
       }
}

/* .cityAL for div class="city" to design html format code [here don't use width command with media code]*/

.cityAL {
       float: left;
       margin: 0.5% 0.5%;
       padding: 0 0;
       height: auto;
       background-color: #3E2659;
       border: #003300 solid 1px;
       text-decoration: none;
       text-align: center;
       color: white;
}

.cityAL:hover {
       box-shadow: 0 1px 0 1.2px rgba(0, 146, 250, 1);
}

.f1 {
       font-family: verdana;
       font-size: 100%;
       color: white;
       text-align: center;
}

/*Also Read text button design*/

#pay {
       width: auto;
       height: 32px !important;
       background-color: #03617C;
       border: none;
       color: #FFFFFF;
       font-size: 18px;
       font-weight: bold;
       text-align: center;
       float: left;
       text-decoration: none;
}

/*Also Read Posts design whole btn bg*/

#paybg {
       width: 100%;
       height: 34px !important;
       /*prev: auto*/
       background-color: #9C20DF;
       border: #9C20DF solid 1px;
}

/*Hello Handshake Image*/

#hello {
       background-color: white;
       border: none;
       width: 57px !important;
       height: 32px !important;
       /*prev: auto*/
       content: url(https://infotrim.com/wp-content/uploads/Hello-Handshake-for-Also-Read-InfoTrim.gif);
}

/*also read figcaptionalignal, modified and added after this all*/

#figcaptionalignAL {
       text-align: center;
}

#figcaptextclrAL {
       color: white;
}

/*Also read img layout command*/

#imgreadalso {
       width: 180;
       height: 121;
}

/* 'ALSO READ' .city for div class="city" Mobile resp. design html format code, end*/

/*center the text 'click below to download'*/

#center {
       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 1500px;
       cursor: pointer;
       text-align: center;
}

/*CC video pagination, start */

.center {
       text-align: center;
       text-decoration: none;
}

.pagination {
       display: inline-block;
       text-decoration: none;
}

.pagination a {
       color: black;
       float: left;
       padding: 7px 14px;
       text-decoration: none;
       transition: background-color 0.3s;
       border: #ddd solid 1px;
       margin: 0 2px;
}

.pagination a.active {
       background-color: #4CAF50;
       border: none;
       color: white;
       text-decoration: none;
}

.pagination a:hover:not(.active) {
       background-color: #000ddd;
       color: white;
       text-decoration: none;
}

#nav {
       background-color: #FFFFFF;
       color: #000000;
       text-decoration: none;
}

#nav:hover {
       background-color: #000ddd;
       color: white;
       text-decoration: none;
}

/*CC video pagination, end */

/*for image hover*/

div img:hover {
       opacity: 0.9 !important;
}

/*1. FAQ hide and show js code, A, start*/

.mt {
       margin-bottom: 10px;
       border: green solid 1px;
}

/*for hidden content design on reveal*/

.hiddenc {
       background-color: #ffffff;
       border: #ffffff solid 1px;
       color: black;
       width: 100%;
       max-width: 1500px;
       height: auto;
       text-align: left;
       display: none;
}

.hiddenc {
       background-color: white;
       border: white solid 1px;
}

/*for button design*/

.buttond {
       color: white;
       background-color: #5335CA;
       border: #5335CA solid 1px;
       width: 100%;
       padding: 10px;
       margin: 2px 1px;
       float: left;
       text-align: left;
}

.active,
.buttond:hover {
       background-color: #D13E2E;
       border: #D13E2E solid 1px;
}

.active,
.buttond:focus {
       background-color: maroon;
       border: maroon solid 1px;
}

/*1. FAQ hide and show js code, A, end*/

/*2. FAQ hide and show now using as Read More and Subscribe, start*/
/*It is not needed for normal webpage design, only usable in FAQ
.mt {
margin-bottom : 10px;
border : green solid 1px;
}
*/
/*for hidden content design on reveal*/

.hiddenrm {
       background-color: #ffffff;
       border: #ffffff solid 1px;
       color: black;
       width: 100%;
       max-width: 1500px;
       height: auto;
       text-align: left;
       display: none;
}

.hiddenrm {
       background-color: white;
       border: white solid 1px;
}

/*for button design*/

.buttonrm {
       color: white;
       background-color: #005FE0;
       border: #005FE0 solid 1px;
       width: 100%;
       padding: 10px;
       margin: 2px 2px;
       float: left;
       text-align: left;
}

.active,
.buttonrm:hover {
       background-color: #D6004A;
       border: #D6004A solid 1px;
}

.active,
.buttonrm:focus {
       background-color: #94004B;
       border: #94004B solid 1px;
}

/*2. FAQ hide and show now using as Read More and Subscribe, end*/

/*figcaption align right and figcaption anchor text color under image */

#figcaptionalign {
       text-align: right;
       display: none;
}

#figcaptextclr {
       color: #FF4638;
       text-decoration: none !important;
}

/*Click below to download button design block important code*/

#downloadbtndisplay {
       display: inline-block !important;
}

/*Youtube note at post bottom text background*/

@media (min-width:250px) {
       #ytdescnote {
              font-size: 18px;
       }
}

@media (min-width:500px) {
       #ytdescnote {
              font-size: 16px;
       }
}

#ytdescnote {
       font-weight: normal;
       /*ex: font-family : courier; (NU)*/
       background-color: #d9d5ff;
       /*prev: lightgrey*/
       color: #000000;
       text-align: left;
       /*justify = makes text full width*/
}

/*ytsrctextnote for making a note */

@media (min-width:250px) {
       #ytsrctextnote {
              font-size: 18px;
       }
}

@media (min-width:500px) {
       #ytsrctextnote {
              font-size: 16px;
       }
}

#ytsrctextnote {
       font-weight: normal;
       /*ex: font-family : courier; (NU)*/
       background-color: #e0eaff;
       /*prev: gainsboro*/
       color: #000000;
       text-align: left;
       /*justify = makes text full width*/
}

/*Youtube note at post bottom text background*/

@media (min-width:250px) {
       #ytlistpretag {
              font-size: 18px;
       }
}

@media (min-width:500px) {
       #ytlistpretag {
              font-size: 16px;
       }
}

#ytlistpretag {
       font-weight: normal;
       /*ex: font-family : courier; (NU)*/
       background-color: #d9d5ff;
       /*prev: lightgrey*/
       color: #000000;
       text-align: left;
       /*justify = makes text full width*/
}

/*Copyright Disclaimer text indent adjustment, for #id*/

@media (min-width:250px) {
       #ytsrctextnotecd {
              font-size: 18px;
       }
}

@media (min-width:500px) {
       #ytsrctextnotecd {
              font-size: 16px;
       }
}

#ytsrctextnotecd {
       font-weight: normal;
       /*ex: font-family : courier; (NU)*/
       background-color: #e0eaff;
       /*prev: gainsboro*/
       color: #000000;
       text-indent: 45px !important;
       text-align: left;
       /*justify = makes text full width*/
}

/*pdf vdo download of all post now hiding or (now .) for better display*/

#hideortext {
       color: white;
}


/*CC video listing iframe size*/

#cciframesize {
       width: 163 !important;
       height: 80px !important;
}

/*sitemap design for pre tag, a href link, anchor text link*/

#sitemaplistpre {
       /*for pre tag*/
       background-color: #f1eaff;
}

#sitemaphreflink {
       /*anchor tag*/
       color: black;
}

/*Sitemap text link 'see more' and 'Continue'*/

#seemoretxtlnk {
       color: red;
       font-weight: bold;
}

#continuetxt {
       color: green;
       font-weight: bold;
}

/*additional info pre bg color*/
@media (min-width:250px) {
       #addinfo {
              font-size: 18px;
       }
}

@media (min-width:500px) {
       #addinfo {
              font-size: 16px;
       }
}

#addinfo {
       background-color: #fff7ff;
       border: none;
}

/*Language selection submenu in each post  1.a, start*/

/*
.dropdown {
  position: relative;
  display: inline-block;
  border-top: 0px;
          background-color : #D11641;
          text-decoration : none;
          color: white;
          height : 29px;
          line-height : 26px;
          font-size : 1em;
}
*/

/*listing submenu on button 'select'*/

/*
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000; 
  width: 100%;
  min-width: 130px; 
  z-index: 1;
  margin-top : 0.5px; 
  font-size : 0.9em;
  margin-left : -76%; 
                      
  line-height : auto; 
}

.dropdown-content a {
  color: white; 
  padding: 2px 10px 1px 10px;
  text-decoration : none; 
  white-space : nowrap;
  color : #fff;
  display: block;
  font-size : 1em;
  margin-left : 0; 
  line-height : auto;
}

.dropdown-content a:hover {
background-color: #000;
color: white;
}
*/

/*added new line for submenu bg hover code*/

/*
.dropdown-content a:hover {
background-color : #0D1B96;
}

.dropdown:hover .dropdown-content {
  display: block;
}
*/

/*sub menu gap + tdn*/

/*
#tdnmten {
text-decoration : none;
margin-top : -12px;
}

#tdnmthi {
text-decoration : none;
margin-top : -17px;
}
*/

/*Language selection submenu in each post  1.a, end*/

/*Language selection submenu in each post  1.b, start*/

/* Translate this Page in English, 4 GTM, fixed css, image site */

/*
#multilangE {
color : white;
background-color : #7248B7;
border : none;
cursor : pointer;
display : inline-block;
width : 100%;
max-width : 1000px;
height : 30px;
line-height : 26px;
font-size : 1.3em;
}

#multilangE:hover {
background-color : #A20EF1;
border : none;
}
*/

/* Translate this Page in Hindi, 4 GTM, fixed css */

/* Use this with multi-language code if used in page */

/*
#multilangH {
color : white;
background-color : #7248B7;
border : none;
cursor : pointer;
display : inline-block;
width : 100%;
max-width : 1000px;
height : 30px;
line-height : 26px;
font-size : 1.3em;
}

#multilangH:hover {
background-color : #A20EF1;
border : none;
}
*/

/*Language selection submenu in each post  1.b, end*/

/*cpagrip ad image css command*/

#Fakeid4cpagrip {
       content: url(https://1.bp.blogspot.com/-i1jdfwp0vT0/VmnaMk8Ht_I/AAAAAAAAAI4/i_WpErziMKg/s1600/3Gpk4t3.gif);
       width: 100%;
       max-width: 728px;
       height: 100%;
       max-height: 90px !important;
       /*later set 90px;*/
       color: white;
}

/*Feedburner Form Header in all blog post, NU */

/* This is for feedburner subscribe blog, NU */

/*
#FormHeader {
background-color : #000000;
padding : 2px;
color : white;
font-weight: bold;
}

#formadj,	
#FormHeader {	
margin-top: 12px;	
}

#2ndurl {	
font-size: 12.75pt !important;
margin-left: auto;
margin-right: auto;
font-weight: bold;
*/

/*It was for feedburner, NU*/

/*
#DwnldPdfBdrln { 
border-bottom: #FFFFFF solid 0.260416667in; 
border: none;
padding: 0;
}
*/

/* This was for feedburner subscribe blog, NU */

/*
#tdcf {	
text-decoration: underline;	
}
*/

/*Adjusting location of drop down inpage multi-lang for en and hi*/

/* Use later if needed but will not be in need */

/*
#tdnmten {	
margin-top: -0.125in;
text-decoration: none;

}

#tdnmthi {	
margin-top: -12.75pt;
text-decoration: none;	
}
*/


/*for download button just set 4 different colors today*/

/*download pdf page scroll, pdf download button h2, float left*/

#pdfscrollpdf {
       display: inline !important;
       float: left !important;

}

/*download pdf page scroll, subscribe button, float right*/

#pdfscrollsubs {
       float: right !important;
}

/*download pdf page scroll, video download button*/

#pdfscrollvdo {
       display: inline !important;
       float: left !important;
}


/*download pdf page scroll, earn here button, float right*/

#pdfscrolleh {
       float: right !important;
}

/*clear both after using 2 closing div tag*/

#clearboth {
       clear: both;
}

/*youtube auto responsive 1920x1080 px video size*/

#ytdiframe {
       position: relative;
       padding-bottom: 56.25%;
       height: 0;
       overflow: hidden;
}

#ytiframe {
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
       overflow: hidden;
}

/*youtube shorts 1920x1080 px video size*/

#ytv16by9diframe {
       position: relative;
       padding-bottom: 56.25%;
       height: 0;
       overflow: hidden;
}

#ytv16by9iframe {
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
       overflow: hidden;
}

/*youtube shorts 1080x1920 px video size, used in 'love quotes for him'*/

@media (min-width:250px) {
       #ytsiframe {
              width: 300px;
              max-width: 100%;
              height: 533px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

@media (min-width:500px) {
       #ytsiframe {
              width: 294px;
              max-width: 100%;
              height: 523px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

#ytsdiframe {
       position: relative;
       overflow: hidden;
}

#ytsiframe {
       overflow: hidden
}

/*youtube shorts 1080x1920 px video size*/

@media (min-width:250px) {
       #ytv9by16iframe {
              width: 300px;
              max-width: 100%;
              height: 533px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

@media (min-width:500px) {
       #ytv9by16iframe {
              width: 294px;
              max-width: 100%;
              height: 523px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

#ytv9by16diframe {
       position: relative;
       overflow: hidden;
}

#ytv9by16iframe {
       overflow: hidden
}


/*youtube shorts 1080x1080 px video size, modify this code */

@media (min-width:250px) {
       #ytv1by1iframe {
              width: 420px;
              max-width: 100%;
              height: 420px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

@media (min-width:500px) {
       #ytv1by1iframe {
              width: 480px;
              max-width: 100%;
              height: 540px;
              max-height: 100%;

              display: block;
              margin-left: auto;
              margin-right: auto;

       }
}

#ytv1by1diframe {
       position: relative;
       overflow: hidden;
}

#ytv1by1iframe {
       overflow: hidden
}

/*Click Below To Download, css btn*/

#pdf {
       font-size: 24px;
       font-weight: bold;
       color: #2A0055;
}

#vdo {
       font-size: 12.75pt;
       margin-left: auto;
       margin-right: auto;
       font-weight: bold;
       color: #2A0055;
}

/*for note marking with bold*/

#bmarked {
       font-weight: bold;
}

/*for note marking with italic*/

#imarked {
       font-style: normal;
       /*ex: italic*/
}

/*for marking with underline*/

#umarked {
       text-decoration: underline;
}

/*for marking with bold and italic*/

#bimarked,
#ibmarked {
       font-weight: bold;
       font-style: italic;
}

/*for marking with bold and underline*/

#bumarked,
#ubmarked {
       font-weight: bold;
       text-decoration: underline;
}

/*for marking with italic and underline*/

#iumarked,
#uimarked {
       font-style: italic;
       text-decoration: underline;
}

/*for marking with bold, italiproductdetailsc and underline*/

#biumarked,
#buimarked,
#ibumarked,
#iubmarked,
#uibmarked,
#ubimarked {
       font-weight: bold;
       font-style: italic;
       text-decoration: underline;
}

/*for marking with italic and underline*/

/*Use encoder of the code for code display in wordpress out here*/

#codeview {
       color: black;
}

/*Side by Side image listing for infotrim image, start*/

@media (min-width:250px) {
       .cityimglst {
              width: 100%;
       }
}

@media (min-width:660px) {
       .cityimglst {
              width: 31.3%;
              /*31.3% for 3 listing, 49% for 2 listing*/
       }
}

/* .city for div class="city" to design html format code [here don't use width command with @media code]*/

.cityimglst {
       float: left;
       margin: 0.5% 0.5%;
       padding: 0;
       height: auto;
       background-color: #FFFFFF;
       /*EX: #592654*/
       border: #410661 solid 2px;
       text-decoration: none;
       text-align: center;
       color: white;
}

/* hide or show ads in post for advanced ads short code */

#ads1 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads2 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads3 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads4 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads5 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads6 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads7 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads8 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads9 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads10 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads11 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads12 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads13 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads14 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads15 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads16 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads17 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads18 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads19 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

#ads20 {

       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 698px;
       cursor: pointer;
       text-align: center;

}

/* hide or show heading images */

#imghid {
       display: block !important;
       visibility: visible;
       /*use > hidden , to hide content*/

       margin-left: auto !important;
       margin-right: auto !important;
       width: 100%;
       max-width: 1070px; /*EX: 698px*/
       cursor: pointer;

}

/* ---------------- CSS Code to Use in Web version, start ---------------- */