@font-face {
    font-family: 'iorad';
    src: url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iorad%202021/Fonts/iorad.eot') format('eot'),
        url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iorad%202021/Fonts/iorad.ttf') format('truetype'),
        url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iorad%202021/Fonts/iorad.woff') format('woff'),
      url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iorad%202021/Fonts/iorad.woff2') format('woff2'),
       url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iorad%202021/Fonts/iorad.otf') format('otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @import url('http://example.com/example_style.css'); */
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700;800;900&display=swap');




.blog-hTitle h1 { font-family: iorad;}   

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Global Style Declaration
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

body { margin:0; padding:0; font-family: 'Libre Franklin', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.33; color: #000;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;    background-color: #fff; }

img { max-width:100%; height:auto; border:none; vertical-align:middle; }
a { display: inline-block; text-decoration:none; color:#484848; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; cursor: pointer; }
a:hover { color:#007fa3; }
.fa{cursor: pointer;}
.MarginTop0 p{margin-top: 0;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{  margin:0; padding:0; font-weight:600; color: #000;}
h1, .h1 { font-size:40px; line-height:1.125; letter-spacing: 0.04em;}
h2, .h2 { font-size:36px; line-height:1.2; }
h3, .h3 { font-size:32px; line-height:1.3; }
h4, .h4 { font-size:26px; line-height:1.4; }
h5, .h5 { font-size:21px; line-height:1.4; }
h6, .h6 { font-size:18px; line-height:1.5; }



p { margin:0; }
* + h1{margin-top:10px;}
* + h2 { margin-top:10px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:27px }
input[type=submit] { cursor:pointer; background-repeat:repeat !important; }

.wrapper { width: 100%; max-width: 1366px; margin: 0 auto; padding: 0 64px; }
.wrapper2 { width: 100%; float:none !important; display:block; margin:0 auto !important; padding: 0 54px; max-width: 100%; }
.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }

.overlay > * { position:relative; z-index:2; }
.overlay:before { content:''; background:rgba(25,24,22,0.80); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }
.overlay.white:before { background:rgba(255,255,255,0.70); }

.tablee{  display: table;  width: 100%; height: 100%;}
.TableCell { display: table-cell;    vertical-align: middle;}

.button a , a.button { padding: 14px 35px; background: transparent; color: #000;    max-width: 100%;    display: inline-block; font-size: 15px; line-height: normal; letter-spacing: normal; border-radius: 0;    text-transform: capitalize; font-weight: 600; position: relative; border: 1px solid rgba(0,0,0,.2); outline: 0; min-width: 240px; text-align: center; }
.button a:hover,a.button:hover { color: #ff00d6; }

/* Widths */
.fl { float:left; }
.fr { float:right; }
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top !important;  }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.pdtrl15{padding: 0 15px}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd22{padding: 22px;}
.pd30{padding: 30px;}
.mr10{margin-left: -10px; margin-right: -10px}
.mr15{margin-left: -15px; margin-right: -15px}
.mr20{margin-left: -20px; margin-right: -20px}
.mr30{margin-left: -30px; margin-right: -30px}
.pd50{padding:50px;}
.pd60{padding:60px;}
.pdLR50{padding-left: 50px; padding-right: 50px;}
.pdLR60{padding-left: 60px; padding-right: 60px;}

.pd10{ padding: 10px; }

.pb5,.p5-0 { padding-bottom:5px; }  
.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb25,.p25-0 { padding-bottom:25px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb35,.p35-0 { padding-bottom:35px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb45,.p45-0 { padding-bottom:45px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pt5,.p5-0 { padding-top:5px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt25,.p25-0 { padding-top:25px; }
.pt30,.p30-0 { padding-top:30px  }
.pt35,.p35-0 { padding-top:35px  }
.pt40,.p40-0 { padding-top:40px; }
.pt45,.p45-0 { padding-top:45px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pt80,.p80-0 { padding-top:80px; }
.pt100,.p100-0 { padding-top:100px; }
.pt105,.p105-0 { padding-top:105px; }
.pl15, .p15 { padding-left:15px; }
.pr15, .p15 { padding-right:15px; }
.pt15, .p15 { padding-top:15px; }
.pb15, .p15 { padding-bottom:15px; }
.pl0,.p0-0 { padding-left:0; }
.pr0,.p0-0 { padding-right:0; }
.pt0,.p0-0 { padding-top:0; }
.pb0,.p0-0 { padding-bottom:0; }
.p90-0  { padding-top: 90px;padding-bottom: 90px; }
.p80-0  { padding-top: 80px;padding-bottom: 80px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }

/* For Hubspot >>>>>> */
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
/* <<<<<< For Hubspot */

.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/* put listStyle class to "parent" tag of "ul" */
.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#ea8c20; font-weight:normal; top:1px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:50%; line-height:3; } /*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */




/* Form Css Start */

::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important;}
.formMainGroup ::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; text-transform: uppercase }
.formMainGroup ::-moz-placeholder { opacity:1 !important; color:inherit !important;text-transform: uppercase }
.formMainGroup  :-ms-input-placeholder { opacity:1 !important; color:inherit !important; text-transform: uppercase }
/*form { margin:0 -10px; }*/
form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form .field { padding:0 0 25px; }
form fieldset .field { padding-left:10px; padding-right:10px; }
form ul.multi-container { padding-top:10px; }
form ul.multi-container li { margin:5px 0; } 
#FormMain textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display: block;    border: 0;    border-bottom: 1px solid rgba(0,0,0,.2);    outline: none;    background: #fff;    font-size: 15px;    line-height: 1.4;    font-family: 'Libre Franklin', sans-serif;    font-weight: 300;    color: #444;    text-transform: capitalize;    margin: 0 0 6px 0;    padding: 6px 0;    width: 100% !important;    border-radius: 0;    caret-color: #ff00d6; }
textarea {display: block; border: 0; border-bottom: 1px solid rgba(0,0,0,.2); outline: none;    background: #fff; font-size: 15px; line-height: 1.4;    font-family: 'Libre Franklin', sans-serif;    font-weight: 300;    color: #444;    text-transform: capitalize;    margin: 0 0 6px 0;    padding: 6px 0;    width: 100% !important;    border-radius: 0;    caret-color: #ff00d6; height: 33px; overflow: hidden;}
form input[type="radio"],form input[type="checkbox"] {  display:none }
form input[type="radio"]+span,form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer;  }
form input[type="radio"]+span:before,form input[type="checkbox"]+span:before {  content:""; font-family:fontawesome; color:#f26c23 ; position:absolute; left:4px; top:2px; font-size:0; width:16px; height:16px; display:block; border: 0; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px; background-color: #e5e5e5;    border-radius: 50px; }
form input[type="radio"]+span:before {  border-radius:50% }
form input[type="radio"]:checked+span:before {  background:#f26c23 ; border-color:#f26c23  }
/*form input[type="checkbox"]:checked+span:before {  border-color:#f26c23 ; font-size:12px; background:#f26c23 ; color:#fff; letter-spacing:0; }*/
form input[type="checkbox"]:checked+span:after, form input[type="radio"]:checked+span:after {    content: ''; width: 8px; height: 8px; background-color: #000; position: absolute; left: 8px; top: 6px; border-radius: 50px;}
form input[type="checkbox"]:checked+span, form input[type="radio"]:checked+span{ font-weight: 600;  }
input[type="submit"]{  outline:none; width: 100%;   max-width: 276px;    height: 48px;    line-height: 100%;    border: none;    border-radius: 0;    padding: 0;    background-color: #000;    color: #fff;    -webkit-transition: background-color .3s ease;    -o-transition: background-color .3s ease;    transition: background-color .3s ease;    font-weight: 600;    font-size: 15px;   font-family: Libre Franklin,sans-serif;    text-align: center;    cursor: pointer;    outline: 0;    -webkit-box-shadow: none;    box-shadow: none;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; margin: 0 0 0 auto;}
input[type=submit] { cursor: pointer; }
input[type="submit"]:hover { color: #fff; background-color: #ff00d6;}

.row-fluid .forSmallWidth { width: 700px; max-width: 100%; margin: 0 auto !important; float: none;   }
.hs-form-required { display: none; }
.actions { text-align: center; padding-top: 20px;}
textarea:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus {  background-color: #fff; border-width: 1px; border-color: #000; color: #444 !important; }
/* Form Icon Style */
.SelectIteam{ position: relative; -webkit-appearance: none;}
form ul.multi-container { margin: 0; list-style: none; padding: 0; padding-top: 10px;}
/*form { max-width: 1366px; margin: 71px auto 58px; padding: 0 64px; width: 100%;}*/

/* Error Message */
.hs-error-msgs { list-style:none; margin:0 0 0px; padding:0 0 0 0px;    color: #ff00d6; text-align: left; font-family: Libre Franklin,sans-serif; font-weight: 400; line-height: 20px; font-size: 14px;}
.error { border-bottom-color: #ff00d6 !important; padding-bottom: 7px !important;}
h4{ font-weight: 600; font-size: 32px;    line-height: 136%; color: #000; margin: 0 0 22px; padding: 0; font-family: 'Libre Franklin', sans-serif; }
.submitted-message { text-align: center; font-size: 22px;}
/*select{  -webkit-appearance: none; background-image: url(./images/download.svg);  background-repeat: no-repeat;  background-position: 100% 50%; font-weight: 600;}*/
select{  -webkit-appearance: none; color: #000; font-weight: 600;}
.hs-fieldtype-select .input{ position: relative;  }
.hs-fieldtype-select .input:after { content: ''; background-image: url(https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iored%20Theme%202021/Images/download.svg); background-repeat: no-repeat; background-size: contain; display: block; height: 40px; width: 40px; position: absolute; top: -2px; right: 0;}
.hs-fieldtype-select .input.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
label { font-family: 'Libre Franklin', sans-serif; text-transform: capitalize; font-size: 15px;}

::-webkit-input-placeholder { opacity:1 !important; color:#d9d6d6 !important; }
::-moz-placeholder { opacity:1 !important; color:#d9d6d6 !important; }
:-ms-input-placeholder { opacity:1 !important; color:#d9d6d6 !important;}

textarea:focus::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder { opacity:1 !important; color:#444 !important; }
::-moz-placeholder { opacity:1 !important; color:#444 !important; }
:-ms-input-placeholder { opacity:1 !important; color:#444 !important;}
.fullwidth { width:100%; float:left; }
/* form css end */

/* For Column Section */
.PriceBoxMain { background-color: #fff;}
.ForColMain{ padding: 24px 32px 12px; }
.priceAdditional { color: rgba(0,0,0,.4);}
.planPrice { margin-bottom: 2px;}
.PlanContent { padding-top: 7px;}
/* Table Structure */
.TableTopParent { max-width: 1050px; margin: 0 auto;}
.FourColSection { background-size: 100% 100%;}
.TableTopParent th { text-align: left; padding: 17px 22px 15px; border-top: 1px solid rgba(0,0,0,.2); }
.TableTopParent td { border-top: 1px solid rgba(0,0,0,.2); padding-top: 16px; padding-bottom: 16px; width: 220px; text-align: center; cursor: pointer;}
.TableTopParent tbody tr td:first-child { width: 360px; padding: 0 22px; text-align: left; padding: 17px 22px 15px;}
td.TableContent { border: 0; text-align: center !important;}
td.TableContent { padding-top: 29px !important; padding-bottom: 29px !important;}
td.TableContent { display: none;}
tr.active td.TableContent { display: table-cell;}
/* For border */
.TableTopParent tbody tr.open td:first-child { border-left: 1px solid rgba(0,0,0,.2);}
.TableTopParent tbody tr.open td:last-child {    border-right: 1px solid rgba(0,0,0,.2);}
tr.active td.TableContent{border-right: 1px solid rgba(0,0,0,.2); border-left: 1px solid rgba(0,0,0,.2); }
tr.active td.TableContent.lastRow { border-bottom: 1px solid rgba(0,0,0,.2);}

/* Checkuout Section */
.CheckoutFormSection{ position: relative; padding: 240px 0; background-image: url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iored%20Theme%202021/Images/740a4b5ee6a0ea5d9bfbe713197d6c73.png'); }
.CheckoutFormSection:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 354px); background-color: #d6d6d6;  z-index: 1;}
.CheckoutFormSection:after { content: ""; position: absolute; left: 0; bottom: -115px; width: 100%; height: 115px;    background-image: url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iored%20Theme%202021/Images/afdc721128d734497c50aca6c9b7ccc1.png');    -webkit-transform: rotateX(180deg);    transform: rotateX(180deg);    background-position: top;    background-repeat: no-repeat;    z-index: 1;}
.CheckoutFormSection > *{ position: relative; z-index: 2; }
/* Card Section */
.CrdBoxParent { background: #fff; border: 1px solid rgba(0,0,0,.1); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; height: 226px; width: 352px; padding: 25px 30px;}
.CrdBoxTop { padding: 9px 30px;}
.CrdBoxInner { margin-left: -30px; margin-right: -30px;}

/* Form Css Updates */
/* 
#FormMain textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select{    font-size: 16px;    line-height: 20px;    font-weight: 400;    border: none;    -webkit-box-shadow: none;    box-shadow: none;    border-radius: 4px;    display: block;    width: 100%;    outline: none;    resize: none;    color: #6a6c75;    height: 40px;    padding: 10px;    border: 1px solid #6a6c75;    -webkit-appearance: none;}
::-webkit-input-placeholder { opacity:1 !important; color:#6a6c75 !important; }
::-moz-placeholder { opacity:1 !important; color:#6a6c75 !important; }
:-ms-input-placeholder { opacity:1 !important; color:#6a6c75 !important;}
input[type="submit"]{ margin: 0; }
.error { border-bottom-color: #6a6c75 !important; padding-bottom: 6px !important;}
form .field { padding: 0 0 19px;} */
/* input[type="submit"]{ background-color: #ec2059; font-size: 16px !important;    font-weight: 500 !important;    height: 60px;    line-height: 20px !important;    padding: 20px 50px !important; max-width: 156px; }
input[type="submit"]:hover{ background-color: #D7355A; } */
/* End Of Form Style */
.FormInnerParent { max-width: 700px; margin: 0 auto;}
/* Start header section css */
.headerSectionInner { padding: 22px 0 13px;  position: relative; z-index: 2; }
/* .LogoMenuMain{position: relative;} */
.headerlogo { width: 117px;}
.MenuMain { width: calc(100% - 117px);}
.navbar ul li {  display: inline-block; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
.navbar ul>li{ padding: 15px 18px 15px; cursor: pointer; position: relative;}
.navbar ul li:last-child { padding: 15px 0 15px 18px;}
.navbar ul.sub-menu li:last-child { border: none;}
.navbar ul li a{color: #000; font-weight: 600; font-size: 16px; position: relative; display: inline-block;}
.navbar ul li a:hover{color:#ff00d6;}
.navbar ul li.current-menu-item>a { color: #ff3238 !important;}
.navbar ul>li.current-menu-item:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); 
  height: 5px; width: 85px; background-color: #ff3238; text-align: center;}
.navbar ul>li.current-menu-parent:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); 
  height: 5px; width: 85px; background-color: #ff3238; text-align: center;}
.navbar ul>li.current-menu-parent>a{color: #ff3238 !important;}
/* menu right */
.MenuRight ul li:first-child a {    width: 250px;    height: 48px;    background: #000;    color: #fff;    font-weight: 600;    font-size: 16px;    line-height: 136%;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-transition: background-color .3s ease;    -o-transition: background-color .3s ease;    transition: background-color .3s ease;    margin-top: 10px;    margin-right: 45px;}
.MenuRight ul li:first-child a:hover{color: #fff; background-color: #ff00d6;}    
.headerSectionInner .wrapper, .FooterSection .wrapper{ padding: 0 54px; max-width: 100%;}
.MenuRight { width: 382px; padding-right: 10px;}
.menubar { width: calc(100% - 382px);}
.MenuRight li { display: inline-block; width: auto;}
.MenuRight li:last-child a { font-weight: 600; font-size: 16px;    line-height: 136%;    -webkit-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; color: #000; cursor: pointer; display: block;}
.MenuRight li:last-child a:hover{ color: #ff00d6;}
.headerSection { transition: all ease .5s; position: absolute; width: 100%; top: 0; left: 0; z-index: 99; background-color: #fff;}
.headerSection.fixed {background: #fff;width: 100%;position: fixed;animation: animates .5s;box-shadow: 0px 2px 6px rgba(88,89,91,0.2);z-index: 999;}
ul.sub-menu li a { font-size: 15px; font-weight: 400; color: #000;}
ul.sub-menu span { font-weight: 600; color: #000;}

@keyframes animates {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.row-fluid .flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }
.row-fluid .alignCenter { align-items:center; -webkit-align-items:center; }
.SingleColSection {  background-color: #007bb0; color: #fff; padding-top: 150px; }
.SingleColSection h4{ color: #fff; font-weight: 400; }
.SingleColSectionInner { max-width: 879px; margin: 0 auto;}
.SingleColSectionInner .Content { line-height: 1.9;    font-size: 17px;}
/* Footer Section */
.FooterLogo { width: 16px;}
.FooterParent { padding: 0 64px;}

.FooterMenu span { font-weight: 600; font-size: 15px;    line-height: 136%;    color: #000;    display: block;    margin-bottom: 22px;}
.FooterMenu ul li a { font-size: 15px; line-height: 136%;    color: #000;}
.FooterMenu ul li a:hover{ color: #ff00d6; }
.FooterMenu ul li { margin-bottom: 15px;}
.FooterSection { padding-top: 56px;}
/* footer Bottom */

.FooterSocialIcons img { height: 16px; width: auto;}
.FooterSocialIcons ul li {    margin-left: 32px;}
.FooterSocialIcons ul li:first-child { margin-left: 0;}

/* Header lp */
.HeaderNormalParent .SiteLogo { width: 117px;}
.FooterNormal { padding: 150px 0 60px;}
.headerNormal { padding: 21.6px 0;}

.headerNormal .wrapper{ padding: 0 54px; max-width: 100%;}

.row-fluid .esPreference, .row-fluid .csPrefs, .row-fluid .ueConfirm { min-height: calc(100vh - (60px + 33px)) !important; width: 100%; float: left; padding: 174px 0 100px; background: url(https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Subscribe%20LP%20Assets%202021/btm-dots.png) no-repeat bottom; }
.row-fluid .esPreference .page-header { padding-bottom: 30px; max-width: 700px; }
.row-fluid .esPreference h1, .row-fluid .ueConfirm h1, .row-fluid .csPrefs h1 { margin: 0 0 15px; font-family: 'Libre Franklin',sans-serif; font-weight: 600; font-size: 32px; letter-spacing: 0; line-height: normal; }
.row-fluid .esPreference h2, .row-fluid .ueConfirm h2 { margin: 0 0 20px; font-size: 24px; line-height: 33px; letter-spacing: 0;  }
.row-fluid .esPreference p { line-height: 24px; font-size: 14px; }
.row-fluid .esPreference .email-prefs .item, .row-fluid .esPreference .subscribe-options { max-width: 854px; width: 100%; }
.row-fluid .esPreference .email-prefs .item.disabled { opacity: 0.3; }
.row-fluid .esPreference .email-prefs .item .item-inner * { color: #000; }
.row-fluid .esPreference .email-prefs .item .item-inner.selected input[type="checkbox"] + span, .row-fluid .esPreference .email-prefs .item .item-inner.selected  input[type="radio"] + span, .row-fluid .esPreference .subscribe-options input[type="radio"]:checked+span > span, .row-fluid .esPreference .subscribe-options input[type="checkbox"]:checked+span > span  { color: #ff00d6; }
.row-fluid .esPreference .item-inner { background: transparent; border-radius: 0; border: 0; padding: 0; box-shadow: none !important;  }
.row-fluid .esPreference .item-inner, .row-fluid .esPreference .checkbox-row { overflow: visible; }
.row-fluid .esPreference .email-prefs .item .item-inner.selected { background: transparent; border: 0; }
.row-fluid .esPreference .checkbox-row span.fakelabel span { width: 100%; margin: 0 0 8px; padding: 2px 0 2px 37px; font-weight: 600;   }
.row-fluid .esPreference .item p { margin: 0 0 20px; padding: 0 0 0 37px; }
.row-fluid .esPreference p.header { margin-left: 0; }
.row-fluid .esPreference form input[type="radio"]+span:before, .row-fluid .esPreference form input[type="checkbox"]+span:before { background: transparent; left: 0; width: 19px; height: 19px; border-radius: 0; border: 1px solid #000; top: 0; }
.row-fluid .esPreference form input[type="checkbox"]:checked+span:after, .row-fluid .esPreference form input[type="radio"]:checked+span:after { border-radius: 0; background: transparent; width: 10px; height: 5px; transform: rotate(-45deg); border-left: 2px solid #000; border-bottom: 2px solid #000; left: 5px; top: 5px; }
.row-fluid .esPreference form input[type="checkbox"]:checked+span, .row-fluid .esPreference form input[type="radio"]:checked+span { font-weight: 600; }
.row-fluid .esPreference form .hs-button { margin: 20px 0 0; padding: 10px 20px; max-width: 100%; width: auto; }
.row-fluid .esPreference .subscribe-options { border-top: 1px solid #C4C4C4; padding-top: 20px; }
.row-fluid .esPreference .subscribe-options input[type="radio"]+span, .row-fluid .esPreference .subscribe-options input[type="checkbox"]+span { font-weight: 400 !important; }
.row-fluid .esPreference .subscribe-options input[type="radio"]+span > span, .row-fluid .esPreference .subscribe-options  input[type="checkbox"]+span > span { margin: 0 0 8px;  display: block; }

.row-fluid .csPrefs .widget-type-email_simple_subscription { max-width: 558px; width: 100%; display: block; }
.row-fluid .csPrefs .page-header { padding-bottom: 40px; }
.row-fluid .csPrefs form h3 { font-size: 20px; }
.row-fluid .csPrefs form h3:empty { display: none; }
.row-fluid .csPrefs .hs-input { text-transform: none; font-size: 24px !important; color: #000; padding: 8px 0 !important; border-bottom: 1px solid #000; }
.row-fluid .csPrefs .hs-input::placeholder { color: #000 !important; }
.row-fluid .csPrefs .hs-button { max-width: 197px; margin: 40px 0 0; padding: 5px 20px; font-weight: 400; }

.row-fluid .ueConfirm .widget-type-email_subscriptions_confirmation { max-width: 600px; width: 100%; display: block; font-size: 14px; }
.row-fluid .eucCopy { font-size: 14px; padding: 40px 0 0;  }




.headerSection.headerNews .headerSectionInner .wrapper, .FooterSection.footerNews .wrapper { max-width: 1266px; padding: 0 15px; }  
.heading-height-fixed { min-height: 108px; }
.blogHero { padding: 55px 0 90px; }
.blog-hTitle h1 { font-family: iorad; font-size: 204px; line-height: 67%; margin: 0 0 64px -8px; text-transform: uppercase; letter-spacing: -.006em; color: #000; font-weight: 400; }
.blog-hMenu ul { margin: 0; padding-left: 20px; }
.blog-hMenu ul li { margin: 0; margin-right: 59px; display: inline-block; position: relative; }
.blog-hMenu ul li:last-child { margin-right: 0px; }
.blog-hMenu ul li a { padding: 0 !important; font-size: 18px; line-height: 24px; font-weight: 600; color: #000; border: none;}
.blog-hMenu ul li.active a, .blog-hMenu ul li  a:hover { color: #FF00D6; }
.blog-hMenu ul.hs-menu-children-wrapper { position: absolute; display: none; width: 227px; border: 1px solid rgba(0,0,0,.2); background-color: #fff; padding: 15px 24px; top: calc(100% + 12px); right: -24px; } 
.blog-hMenu ul.hs-menu-children-wrapper.open { display: block; }
.blog-hMenu ul.hs-menu-children-wrapper li { margin: 0; display: block; padding: 7px 0; text-align: right; cursor: pointer; }
.blog-hMenu ul.hs-menu-children-wrapper li a { font-size: 15px; font-weight: 400; line-height: 20px; }
.main-blog-Section { padding: 37px 0 150px; }

a.postImage { padding: 0 0 46.25%;    display: block;    background-size: cover;    background-repeat: no-repeat;    background-position: center top;    background-color: #F4F4F4; }
.post-image-over a:hover { transform: scale(1.09); }
.full-post-left { width: 50%; }
.full-post-right { width: 50%; padding-left: 50px; }
.postListing-full { padding: 0 0 100px; }
.postListing { margin: 0 -10px; }
.postListing .postItem { width: 25%; padding: 0 10px; margin: 0 0 50px;}
.postTag a { color: #000000;    margin: 0 0 14px;    font-size: 10px;    line-height: 14px;    font-weight: 600;    text-transform: capitalize; }
.postTag a:hover, .postHeader h2 a:hover { color:rgb(255, 0, 214); }
.post-image-over { margin: 0 0 20px; overflow: hidden; }
.custom-image-lazy { position: relative; }
.custom-image-lazy img { width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.blog-category-lft .post-image-over, .full-post-left .post-image-over { margin: 0; }
.postHeader h2, .postHeader h2 a { font-size: 15px; line-height: 20px; font-weight: 600; }
.postHeader h2 { margin: 0 0 5px; }
.postListing-full .postHeader h2, .postListing-full .postHeader h2 a { font-size: 32px; line-height: 38px; font-weight: 600; }
.postListing-full .postHeader h2 { margin: 0 0 25px; }
.postListing-full .postTag a { color: #000000;    margin: 13px 0 8px;    font-size: 15px;    line-height: 20px;    font-weight: 600;    text-transform: capitalize; }
.postListing-full .postTag a:hover { color:#ff00d6; }  
.main-blog-inner-Section .authr-sec .hubspot-editable a.author-link { color: rgba(0,0,0,.4); }
.main-blog-inner-Section .authr-sec .hubspot-editable a.author-link:hover { color:#ff00d6; }  
.full-post-left a.postImage { padding: 0 0 50%; }

.blog-pagination a {  background-color: #fff; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; color: #000; margin: 0 10px 10px 0; font-size: 14px; line-height: normal; }
.blog-pagination a:hover { color: #ff00d6; }
.blog-pagination a:active { color: #ff00d6;}

/* Blog Post */
.hs-blog-listing .blog-pst-spc { width: 100%; margin-left: 0; margin-right: 0; } 

.main-blog-inner-Section { padding: 36px 0 64px; width: 100%; float: left; max-width: 809px; }
.main-blog-inner-Section .post-header h2 { font-size: 32px; line-height: 37.12px; letter-spacing: 0; }
.main-blog-inner-Section .section.post-header { margin-bottom: 63px; }
.main-blog-inner-Section .blg-post-bgfeaturedimg { padding:0 0 50.25%; margin-bottom: 56px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.main-blog-inner-Section .blg-post-tg { width: 50%; float: left; }
.main-blog-inner-Section .blg-post-tg a.topic-link { font-weight: 600; font-size: 21px; line-height: 24.36px; color: #000000; }
.main-blog-inner-Section .blg-post-tg a.topic-link:hover { color:#ff00d6; }  
.main-blog-inner-Section .authr-sec .hubspot-editable { width: 50%; float: left; font-weight: normal; font-size: 15px; color: rgba(0,0,0,.4); text-align: right; }
.main-blog-inner-Section .authr-sec { width: 100%; float: left; margin-bottom: 24px; }
.hs-blog-post .main-blog-inner-Section .post-body { width: 100%; float: left; }
.hs-blog-post .main-blog-inner-Section .post-body ol , .hs-blog-post .main-blog-inner-Section .post-body ul { padding-left: 25px; }
.hs-blog-post .main-blog-inner-Section .post-body li { font-size: 15px; font-weight: 400; margin: 15px 0; }
.hs-blog-post .main-blog-inner-Section .post-body h3 , .hs-blog-post .main-blog-inner-Section .post-body h4 { font-size: 22px; line-height: 28px; }
.hs-blog-post .main-blog-inner-Section .post-body h2 { margin: 68px 0 6px !important; font-size: 22px; line-height: 28px; }
.hs-blog-post .main-blog-inner-Section .post-body p { margin: 0 0 20px; }
.hs-blog-post .main-blog-inner-Section .post-body img { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
.hs-blog-post .main-blog-inner-Section .post-body h2,
.hs-blog-post .main-blog-inner-Section .post-body h3,
.hs-blog-post .main-blog-inner-Section .post-body h4,
.hs-blog-post .main-blog-inner-Section .post-body h5,
.hs-blog-post .main-blog-inner-Section .post-body h6 { margin:0 0 20px; }
.hs-blog-post .main-blog-inner-Section .post-body blockquote {margin: 20px 0;padding-left: 30px;border-left: 2px solid #000;}
.hs-blog-post .main-blog-inner-Section .post-body iframe {max-width: 100%;}
.hs-blog-post .main-blog-inner-Section .post-body .post-border-box p {margin: 0;}
.post-border-box a {padding: 16px 20px;border: 1px solid #00000026;margin: 20px 0px;}

.blog-hifrm-wrpr { position: relative; padding-top: 56.25%; max-width: 1122px; display: inline-block; width: 100%; }
.blog-hifrm-wrpr iframe , .blog-hifrm-wrpr video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.blogifrm { padding: 0px 0 50px; }
.hs-blog-listing .blogifrm { display: none; }
.blg-post-bttg { width: 100%; float: left; }
.blg-post-bttg , .blg-post-bttg a.topic-link {  font-weight: 500; color:rgba(0,0,0,.4); }
.blg-post-bttg a.topic-link:hover { opacity:1; color:#ff00d6; }
/* .postListing-full .postTag a , .main-blog-inner-Section .blg-post-tg a.topic-link { display: none; }
.postListing-full .postTag a:first-child , .main-blog-inner-Section .blg-post-tg a.topic-link:first-child { display: block; } */

.blogReady-section { background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 150px 0 210px; }
.hs-blog-listing .blogReady-section { display: none; }
.blogReady-lft { padding-right: 20px;  width: 50%;  }
.blogReady-rght { padding-left: 20px; width: 50%; text-align: right; padding-right: 77px; }
.blogReady-lft h2 { font-size: 32px; color: #000000; } 
.blogReady-rght a { background-color: #000000; border: 1px solid #000000; color: #fff; font-weight: 600; padding: 13px 42px; font-size: 15px; text-align: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; min-width: 276px; }
.blogReady-rght a:hover { background-color: #ff00d6; border-color: #ff00d6; }

.blog-category-row .blog-category-cls { display: flex; flex-flow: row wrap; justify-content: left; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: left; }
.blog-category-lft { width: 50%; }
.blog-category-lft a.blog-catgry-topic-link { display: block; background-repeat: no-repeat; background-position: center top; background-color: #d6d6d6; background-size: cover; padding-top: 53%; } 
.blog-category-rght { width: 50%; padding-left: 50px; }
.blog-category-rght h2.blog-category-post-title { margin: 0 0 25px; font-size: 32px; }
.blog-category-rght  .blog-cat-pst-tg a { color: #000; margin: 0 0 8px; font-size: 15px; line-height: 20px; font-weight: 600; text-transform: capitalize; }
.blog-category-rght h2.blog-category-post-title a:hover { color: #ff00d6; }
.blog-category-sec { padding: 30px 0 30px; }
.blog-topic-row { margin: 0 -10px; display: flex; flex-flow: row wrap; justify-content: left; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: left; }
.blog-topic-cls { width: 25%; padding: 0 10px; margin: 0 0 50px; }
.blog-topic-outer > h2 { font-size: 32px; color: #000; margin-bottom: 30px; }
.blog-topic-clsimg { margin: 0 0 20px; overflow:hidden;  }
.blog-topic-clsimg a.blog-topic-clslink {  padding: 0 0 56.25%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: #d6d6d6; }
.blog-topic-clsimg a.blog-topic-clslink:hover { transform:scale(1.09); }
.blog-topic-rght .blog-topic--pst-dt { font-size: 10px; color: rgba(0,0,0,.4); margin: 0 0 14px; }
.blog-topic-rght .blog-topic--pst-dt a.author-link { color: rgba(0,0,0,.4); }
.blog-topic-rght .blog-topic--pst-dt a.author-link:hover { color: #ff00d6; }
.blog-topic-cls  h2.blog-topic--title > a { vertical-align: top; line-height: 20px; font-weight: 600; font-size: 15px; }
.blog-topic-sec { padding: 60px 0; }

.opacity-0 { opacity:0 !important; }
.blogReady-rght { padding-right: 94px; }
.blogReady-section .wrapper { max-width: 100%; }
.blog-hMenu ul li.current > a { color: #ff00d6; }
.blog-hMenu ul.hs-menu-children-wrapper { z-index:5; }
.back-page-list { padding-bottom: 26px; font-weight: 700;
    font-size: 15px;
    color: #000;}


.main-blog-Section { overflow: hidden; }


/* .serach-bar { width: auto; }
.serach-bar .serach-bar-icon { display: none; }
.serach-bar input[type="serach"] { display: block; position: relative; top: 0; margin-right: 0px;  padding: 6px 25px; background: #fff; border-bottom: none; height: 50px; border-radius: 10px;  margin-top: 0; }
.blog-hMenu ul.button-group { margin-left: 20px; }
.blog-hMenu.isotope-filter-wrap { align-items: center; } */

.serach-bar input {
    font-family: 'Libre Franklin',sans-serif;
    top: 0;
    bottom: 0;
    padding: 1px 35px;
    height: 46px;
    margin: auto;
    width: 100%;
    max-width: 600px;
    background: #f4f4f4;
    font-size:15px;
    line-height:24px;
    color: rgb(0 0 0 / 40%);
  
}


.serach-bar-icon.open {
    border-right-color: transparent;
}

.serach-bar input {
    color: #000;
    border-bottom-color: #000;
}

.blog-hMenu ul.open-menu li {
    padding: 4px 23px 3px 20px;
}

.blog-hMenu ul.open-menu {
    padding: 11px 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 212px;
}
.back-page-list a {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
}

.back-page-list a svg {
    margin-top: -2px;
    margin-right: 11px;
}

.back-page-list a svg path {
    fill: rgba(0, 0, 0, 0.4);
}

.serach-bar input::placeholder {
    color: rgb(0 0 0 / 40%) !important;
}

.blog-hMenu ul.open-menu li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*-=-=- Only Desktop CSS -=-=-*/

/*unique paddings*/
@media (min-width:768px ) {
  .priceAdditionalMain { min-height: 42px;}
  .PlanContent { padding-right: 5px;}
  /*  Footer  */
  .FooterBottom { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 136%; padding: 65px 0; color: #000;}
  .FooterSocialIcons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1;    -ms-flex-positive: 1; flex-grow: 1;}
  .FooterSocialIcons ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
  .FooterSectionTop { display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: start;    -ms-flex-align: start;    align-items: flex-start;}
  .FooterRightMain { display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: end;    -ms-flex-pack: end;    justify-content: flex-end;    margin-left: 266px;}
  .FooterMenu { margin-right: 70px; display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;}
  .FooterSection.footerNews .FooterLeft { width: 5%; }
  .FooterSection.footerNews .FooterRight { width: 95%;  }
  .FooterSection.footerNews .FooterRight .FooterRightMain { margin-left: 0; }
  .FooterSection.footerNews .FooterRight .FooterMenu { margin: 0 0 0 70px; }
  .FooterSection.footerNews .FooterRight .FooterRightMain { margin-left: 0; }
}
@media (min-width:992px ) {
  form fieldset{ margin: 0 -10px !important; }
  .MenuMain { padding-left: 50px;}
  /* submenu on hover */
  .navbar ul.sub-menu { display: block; color: #fff; font-weight: 700; display: block; position: absolute; left: initial; right: -24px; top: -webkit-calc(100% + 15px);    top: -moz-calc(100% + 15px);    top: calc(100% + 15px);    opacity: 0;    z-index: 2;    visibility: hidden !important;    text-align: center;    -webkit-transition: all .3s ease-in;    -o-transition: all .3s ease-in;    -moz-transition: all .3s ease-in;    transition: all .3s ease-in;    border: 0;    margin-top: 0px;  width: 211px; border: 1px solid rgba(0,0,0,.2); background: #fff; padding: 5px 24px 20px;}

  .navbar ul li:hover ul.sub-menu{opacity: 1 !important; visibility: visible !important; top: 100%; -webkit-transform: rotateX(0) translateZ(0);   -moz-transform: rotateX(0) translateZ(0);    transform: rotateX(0) translateZ(0);}
  .navbar>.menu-primary-menu-container>ul>li.menu-item-has-children>a{ position: relative; }
  .navbar>.menu-primary-menu-container>ul>li.menu-item-has-children>a:before { content: '\f107'; font-family: 'fontawesome',sans-serif; position: absolute; font-size: 16px; font-weight: 600; margin-left: 5px; color: #39393a; top: 50%; right: -18px; transform: translateY(-50%);}
  ul.sub-menu li { padding: 0; padding-top: 15px; display: block; text-align: right;}
  .navbar ul.sub-menu li:last-child { padding: 15px 0 0 0;}
  .headerlogo{ position: relative; top: -4px;}
  .HeaderRightMain { display: block !important; }
  
  
  
}

@media (max-width:1370px ) {
  .button a, a.button { padding: 14px 20px; min-width: 150px;}
  .PriceBtn { text-align: center; }
  /*   .menubar { width: calc(100% - 240px);}
  .MenuRight { width: 240px;} */

}

@media (max-width:1230px ) {

  .wrapper { max-width:1170px }


  .PlanPriceImg { width: 60%; margin: 0 auto;}
  /*  Header  */
  .MenuRight ul li:first-child a { width: 150px; margin-right: 20px;}
  /*   Header */
  .headerSectionInner .wrapper, .FooterSection .wrapper, .wrapper2 { padding: 0 30px;}
  .menubar { width: calc(100% - 210px);}
  .MenuRight ul li:first-child a { width: 130px; margin-right: 12px;}
  .MenuRight { width: 210px;}
  .FooterRightMain{ margin-left: 90px; }
  .blog-hTitle h1 { font-size: 160px; }
  
  
}
@media (max-width:1200px ) {
  .blogReady-rght { padding-right: 0; }
  .blogReady-section .wrapper { padding:0px 24px; }
}
/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
  .wrapper { max-width:1020px }
  /*   Header */
  .headerSectionInner .wrapper, .FooterSection .wrapper, .wrapper2 { padding: 0 30px;}
  .menubar { width: calc(100% - 210px);}
  .MenuRight ul li:first-child a { width: 130px; margin-right: 12px;}
  .MenuRight { width: 210px;}

}


/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {
  .wrapper { max-width:720px }
  form fieldset.form-columns-1 .field { width:100% !important; }
  form fieldset.form-columns-2 .field { width:100% !important; }
  form fieldset.form-columns-3 .field { width:33.33% !important; }
  form fieldset .field { padding-left: 0; padding-right: 0;}

  .tw50{ width: 50%; }
  /* Table structure */
  .TableTopParent td{ font-size: 13px; width: auto; }
  .TableTopParent tbody tr td:first-child{ padding: 10px; width: auto; }
  .TableTopParent th { padding: 10px; }
  .TableTopParent th { font-size: 13px;}

  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/
  .headerSectionInner .wrapper, .FooterSection .wrapper, .wrapper2 {  max-width: 100%;}
  .headerSectionInner{ z-index: 9999999;}
  a.expandMenu i:first-child { margin-top: 0;}
  a.expandMenu { width: 42px; height: 42px; display: block;  cursor: pointer; padding: 3px;  position: absolute;    top: 50px;    right: 25px;    transform: translateY(-50%);}
  a.expandMenu i { position: relative;  width: 42px; left: 0px;  height: 5px; border-radius: 50px; opacity: 1;  display: block;  background: #333;  margin: 5px 0;    transition: all ease .3s;    -webkit-transition: all ease .3s;    -moz-transition: all ease .3s;}
  a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg);    top: 10px;    position: relative;}
  a.expandMenu.active i:nth-child(2) { position: relative;  opacity: 0;}
  a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -11px; position: relative;}
  /*-=-=-=-= Mobile Submenu JS USE  SUBMENU ICON as '<a class="childExpand"><i></i><i></i></a>' -=-=-=*/
  .childExpand { position: absolute; top: 0; right: 10px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px; cursor:pointer; z-index: 2; }
  .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#2c2c2c; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
  .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; }
  .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }

  .HeaderRightMain {display:none;  width: 100%; margin-right: 0; background-color: #fff; position: absolute; left: 0; text-align: left; z-index: 999; top: 100%; padding: 0 0 15px; }
  .navbar ul li{ display: block; float: left; width: 100%;     padding: 10px 20px; position: relative;}
  .navbar ul { display: block; width: 100%;}
  .navbar { width: 100%; padding-left: 0;}
  .HeaderIcon { display: inline-block; text-align: right; vertical-align: middle;  margin-right: -4px; width: calc(100% - 150px); padding-right: 15px;  padding-top: 5px;}
  .headerSectionInner { padding: 20px 0 15px;}
  .navbar ul li.IconTest a {display: block;}
  .navbar ul li.IconTest a:after{display:none;}
  .navbar ul li a.active { color: #2c2c2c;}
  /* A tab click  */
  .childmenu.active .childExpand i{ transform: rotate(180deg);  -moz-transform: rotate(180deg);  -webkit-transform: rotate(180deg);} 
  .headerSectionInner .wrapper, .FooterSection .wrapper, .wrapper2 {  padding: 0 15px;}
  .navbar ul li:last-child { padding: 10px 20px;  }
  /* menu right */
  .MenuRight { display: none;}
  .navbar ul.sub-menu { width: 100%; transition: none; left: 0; display: block; transform: translateX(0) !important; margin-top: 0; text-align: left; padding: 20px 0 0 20px;}
  .navbar ul.sub-menu li{padding: 5px 0;}

  /*mega menu css*/
  .LogoMenuMain {position: initial;}
  .navbar ul li ul.sub-menu{display:none;}
  .navbar ul.sub-menu li{width:100%;  float: none; }

  .navbar ul.sub-menu li:before{display: none;}
  .navbar ul li ul li ul {  padding-top: 0px;}
  .navbar ul.sub-menu{ position: static;}
  .navbar ul.sub-menu:after{width: 100%;  background-color: #ac1f23;}

  .navbar ul.sub-menu li{ border-bottom: 0;}
  .navbar ul.sub-menu li:first-child {  padding-top: 0;}
  .navbar ul.sub-menu li:last-child {  border-bottom: 0;}
  /* A tab click  */
  .childmenu.active .childExpand i{ transform: rotate(180deg);  -moz-transform: rotate(180deg);  -webkit-transform: rotate(180deg);}
  /* Footer */
  .FooterRightMain { margin-left: 35px;}
  .FooterMenu{ margin-right: 38px; }
  .blog-hTitle h1 { font-size: 100px; }
  .postListing .postItem { width: 50%; }
  .postListing-full { padding: 0 0 60px; }
  .heading-height-fixed { min-height: 85px; }
  
  .blogReady-lft h2 { font-size: 28px; }
  .blogReady-section { padding: 120px 0; }
  
  .blog-topic-cls { width: 50%; }
  .blog-hMenu ul li { margin: 0 40px 15px 0; }
  .blog-hMenu .childExpand { display:none;; }
  
}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {

  .wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
  .mw100{ width: 100%; }
  .mobile-center{ text-align: center; }
  .pd10 { padding: 10px 0;}


  /*   Four Column Section */
  .FourColBoxParent .equal_height, .FourColBoxParent .equal_Content, .FourColBoxParent .equal_Title{ height: auto !important: }
  .FourColSection { padding: 50px 0;}
  .planPrice { padding-top: 10px;}
  .PlanPriceImg { width: 75%;}
  .FourColParent { padding-top: 50px;}
  .TableSection { padding-top: 35px;}
  .FourColSection { background-size: cover;}
  /*  Checkout Form Section  */
  .CheckoutFormSection{background-image: url('https://9435869.fs1.hubspotusercontent-na1.net/hubfs/9435869/Iored%20Theme%202021/Images/6fc77d852f270a4cc3055e8257f7267a.png');background-size: 100% 255px; padding: 174px 0 51px; }
  /*   Card */
  .CrdBoxParent{ height: auto; width: 100%;}
  /* Form Style Update */
  .FormInnerParent { max-width: 100%;}
  /*   Sibgle Column */
  .SingleColSection h4{ font-size: 24px; }
  .SingleColSectionInner .Content {    font-size: 16px;}
  /*   Footer */
  .FooterMenu { margin-right: 0; width: 33.33%; display: inline-block; vertical-align: top; margin-right: -4px;}
  .FooterRightMain { margin-left: 0; padding-top: 40px;}
  .FooterSocialIcons ul li { display: inline-block;}
  .FooterSocialIcons ul { padding-top: 20px;}
  .FooterBottomMain { padding-top: 20px;}
  .FooterSection { padding-top: 20px; padding-bottom: 50px;}
  /* Form */
  input[type="submit"]{ margin: 0 auto;}
  .FormTitle { text-align: center;}
  .HeaderNormalParent .SiteLogo { width: 117px;}

  .row-fluid .esPreference, .row-fluid .csPrefs { padding: 140px 0 50px; }
  .row-fluid .esPreference h1, .row-fluid .ueConfirm h1, .row-fluid .csPrefs h1 { font-size: 28px;  }
  .row-fluid .esPreference h1 { margin: 0 0 10px; }
  .row-fluid .esPreference h2 { margin: 0 0 10px; font-size: 20px; }
  .postListing .postItem { margin:0 0 30px; }
  .postListing .postItem, .full-post-left { width: 100%; }
  .full-post-right { width: 100%; padding: 20px 0 0; }
  .postListing-full { padding: 0 0 30px; }
  .postListing-full .postHeader h2 { margin: 0 0 15px; }
  .blog-hTitle h1 { font-size: 70px; margin: 0 0 30px; }
  .blogHero { padding: 53px 0; }
  .postListing-full .postHeader h2, .postListing-full .postHeader h2 a, .postHeader h2, .postHeader h2 a { font-size: 28px; line-height: 34px; }
  .postTag a { font-size: 15px; line-height: 20px; }
  .full-post-left a.postImage { padding: 0 0 56.25%; }
  .main-blog-Section { padding: 30px 0 60px; }
  .blog-hMenu ul li, .blog-hMenu ul.hs-menu-children-wrapper li { text-align: left; padding: 0 0 15px 0; width:100%; position: relative; margin: 0; }
  .blog-hMenu ul.hs-menu-children-wrapper { transition: none; display: none; position: static; left: 0; text-align: left; padding: 20px 0 0 20px; opacity: 1; visibility: visible; background-color: transparent; border: 0; width:100%;  }
  .blog-hMenu .childExpand i { height: 2px; }
  .blog-hMenu .childExpand i+i { top: -8px; }
  .blog-hMenu .childExpand { display:block; }
  .main-blog-inner-Section .section.post-header { margin-bottom: 30px; }
  .main-blog-inner-Section .blg-post-featured-image { margin-bottom: 30px; }  
  .blogifrm { padding: 0px 0 40px; } 
  .main-blog-inner-Section { padding: 60px 0 20px; }
  
  .blogReady-lft { padding-right: 0; width: 100%; text-align: center; margin-bottom: 10px; }
  .blogReady-rght { padding-left: 0; width: 100%; float: left; text-align: center; margin-top: 10px; }
  .blogReady-section { padding: 100px 0; }
  .blogReady-rght a { min-width: auto; }
  
  .blog-topic-cls { width: 100%; padding: 0; }
  .blog-topic-row { margin: 0 0px;  }
  .blog-category-rght { width: 100%; padding: 20px 0 0; }
  .blog-category-lft { width: 100%; }
  
}
@media (max-width:480px ) {
  /*  Footer  */
  .FooterMenu{ width: 100%; display: block;    vertical-align: top;    margin-right: 0 !important;}
  .FooterParentMain { text-align: center;}
  .FooterLogo { margin: 0 auto;}
  
  .main-blog-inner-Section { padding: 40px 0 20px; }
  .main-blog-inner-Section .post-header h2 { font-size: 26px; }
  .main-blog-inner-Section .blg-post-tg { width: 100%; margin-bottom: 15px; }
  .main-blog-inner-Section .authr-sec .hubspot-editable { width: 100%; }
}