/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
@font-face {
    font-family: 'OriginalFont';
    font-weight: normal;
    font-display: swap;
    src: url('../fonts/Vazir-FD.eot'); /* IE9+ Compat Modes */
    src: url('../fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Vazir-FD.woff2') format('woff2'), /* Super modern browsers */ url('../fonts/Vazir-FD.woff') format('woff'), /* Modern browsers */ url('../fonts/Vazir-FD.ttf') format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: 'OriginalFont';
    font-weight: bold;
    font-display: swap;
    src: url('../fonts/Vazir-Bold-FD.eot'); /* IE9+ Compat Modes */
    src: url('../fonts/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Vazir-Bold-FD.woff2') format('woff2'), /* Super modern browsers */ url('../fonts/Vazir-Bold-FD.woff') format('woff'), /* Modern browsers */ url('../fonts/Vazir-Bold-FD.ttf') format('truetype') /* Safari, Android, iOS */
}

/*font Icon*/
@font-face {
    font-family: 'rubikafollower';
    src: url('../fonts/fontIcon/rubikafollower.eot');
    src: url('../fonts/fontIcon/rubikafollower.eot?#iefix') format('embedded-opentype'), url('../fonts/fontIcon/rubikafollower.woff2') format('woff2'), url('../fonts/fontIcon/rubikafollower.woff') format('woff'), url('../fonts/fontIcon/rubikafollower.ttf') format('truetype'), url('../fonts/fontIcon/rubikafollower.svg#rubikafollower') format('svg');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'rubikafollower';
    font-display: swap;
    src: url('../font/rubikafollower.svg-358427.htm#rubikafollower') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "rubikafollower";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open:before {
    content: '\e800';
}

.icon-left-open:before {
    content: '\e801';
}

.icon-right-open:before {
    content: '\e802';
}

.icon-up-open:before {
    content: '\e803';
}

.icon-down-open-mini:before {
    content: '\e804';
}

.icon-left-open-mini:before {
    content: '\e805';
}

.icon-right-open-mini:before {
    content: '\e806';
}

.icon-up-open-mini:before {
    content: '\e807';
}

.icon-emo-coffee:before {
    content: '\e808';
}

.icon-down:before {
    content: '\e809';
}

.icon-left:before {
    content: '\e80a';
}

.icon-right:before {
    content: '\e80b';
}

.icon-up:before {
    content: '\e80c';
}

.icon-basket:before {
    content: '\e80d';
}

.icon-ico-follow:before {
    content: '\e80e';
}

.icon-ico-world:before {
    content: '\e80f';
}

.icon-ico-call:before {
    content: '\e810';
}

.icon-ico-twitter:before {
    content: '\e811';
}

.icon-ico-storage:before {
    content: '\e812';
}

.icon-ico-love:before {
    content: '\e813';
}

.icon-ico-instaplus:before {
    content: '\e814';
}

.icon-ico-flag:before {
    content: '\e815';
}

.icon-ico-telegram:before {
    content: '\e816';
}

.icon-ico-mail:before {
    content: '\e817';
}

.icon-headphones:before {
    content: '\e818';
}

.icon-search:before {
    content: '\e819';
}

.icon-heart-1:before {
    content: '\e81a';
}

.icon-heart-empty-1:before {
    content: '\e81b';
}

.icon-heart-2:before {
    content: '\e81c';
}

.icon-heart-empty-2:before {
    content: '\e81d';
}

.icon-coffee:before {
    content: '\e81e';
}

.icon-spin3:before {
    content: '\e832';
}

.icon-menu:before {
    content: '\f008';
}

.icon-instagram:before {
    content: '\f16d';
}

.icon-ico-view:before  {
	content:'\f16e';
}

.icon-ico-comment:before  {
	content:'\f16f';
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*remove Padding and margin ul and list style none*/

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*Default css*/
.db {
    display: block;
}

.dIb {
    display: inline-block;
}

.bold {
    font-weight: bold;
}

.ofh {
    overflow: hidden;
}

.noPadd {
    padding: 0;
}

.noPaddLeft {
    padding-left: 0;
    padding-right: 3px;
}

.brs50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pInitial {
    position: initial;
}

a:hover, a:focus {
    text-decoration: none;
	outline: none;
}

.smallBtn {
    height: 36px;
    line-height: 34px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.relative {
    position: relative;
}

.absoulote {
    position: absolute;
}

.after:after, .before:before {
    content: '';
    position: absolute;
}

.img-responsive {
    margin-right: auto;
    margin-left: auto;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*region Colors*/
/*White*/
.White {
    color: #ffffff;
}

.bgWhite {
    background: #ffffff;
}

/*Blue*/
.blue1 {
    color: #4492d5;
}

.blue7 {
    color: #24a4dd;
}

.red {
    color: #bb3232;
}

.bgBlue7 {
    background-color: #24a4dd;
}

.bgBlue1 {
    background: #4492d5;
}

.blue2 {
    color: #22a4e4;
}

.bgBlue2 {
    background: #22a4e4;
}

.blue3 {
    color: #6e7bdd;
}

.bgBlue3 {
    background: #6e7bdd;
}

.blue4 {
    color: #34409c;
}

.bgBlue4 {
    background: #34409c;
}

.blue5 {
    color: #5887df;
}

.bgBlue5 {
    background: #5887df;
}

.blue6 {
    color: #e9ecff;
}

.bgBlue6 {
    background: #e9ecff;
}

/*Purple*/
.Purple1 {
    color: #585688;
}

.bgPurple1 {
    background: #585688;
}

.Purple2 {
    color: #f4f5ff;
}

.bgPurple2 {
    background: #e9ebff;
}

.Purple3 {
    color: #8c98f1;
}

.bgPurple3 {
    background: #8c98f1;
}

.Purple4 {
    color: #5963af;
}

.bgPurple4 {
    background: #5963af;
}

/*pink*/
.pink1 {
    color: #d82aad;
}

.bgPink1 {
    background: #64a1ff;
}

/*Gray*/
.Gray1 {
    color: #8f8e8e;
}

.bgGray1 {
    background: #8f8e8e;
}

.Gray2 {
    color: #969596;
}

.bgGray2 {
    background: #969596;
}

.Gray3 {
    color: #a8a8a8;
}

.bgGray3 {
    background: #a8a8a8;
}

.Gray4 {
    color: #d8d8d8;
}

.bgGray4 {
    background: #d8d8d8;
}

.Gray5 {
    color: #f9f9f9;
}

.bgGray5 {
    background: #f9f9f9;
}

.Gray6 {
    color: #9e9e9e;
}

.bgGray6 {
    background: #9e9e9e;
}

/*Black*/
.Black1 {
    color: #444444;
}

.bgBlack1 {
    background: #444444;
}

.Black2 {
    color: #3b3b3b;
}

.bgBlack2 {
    background: #3b3b3b;
}

.Black3 {
    color: #454545;
}

.bgBlack3 {
    background: #454545;
}

.Black4 {
    color: #676767;
}

.bgBlack4 {
    background: #676767;
}

.Black5 {
    color: #464646;
}

.bgBlack5 {
    background: #464646;
}
/*Green*/
.bgGreen1 {
    background: #dcf4df;
}

.bgGreen2 {
    background: #56c180;
}
.Green5 {
    color: #208870;
}
.Green6 {
    color: #1d846c;
}
.Green1 {
    color: #48bda2;
}

/*Top Menu*/
#topMenu {
    margin-top: 20px;
    margin-bottom: 10px;
}

.tmIcon {
    margin-top: 1px;
    background: #4abf7e;
    width: 48px;
    height: 40px;
    padding-right: 9px;
    padding-top: 9px;
    border-radius: 5px;
}

.tmMobileMode {
    padding-left: 30px;
	padding-top: 10px;
}

.tmIcon span {
    width: 30px;
    height: 4px;
    background: #fff;
    margin-bottom: 5px;
    display: block;
	border-radius:5px;
}

.tmMenuListMobile {
    margin-top: 70px;
    padding: 1px 30px 0;
}

    .tmMenuListMobile ul li {
        margin-top: 20px;
    }

.trshUnderMenu {
    background: #FFFFFF;
    padding-top: 45px;
    width: 100%;
    top: 65px;
    /* float: right; */
    position: absolute;
    right: 0;
    height: 180px;
    display: none;
    z-index: 999;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.tmRightSide ul li a.pink1:hover {
    color: #d82aad;
}

.tmRightSide ul li a.blue1:hover {
    color: #4492d5;
}

.tmRightSide ul li a.Purple1:hover {
    color: #585688;
}

.imgInMenu {
    margin-top: 8px;
}

.trshUnderMenu li:not(:first-child) {
    margin-top: 20px;
}

.trshUnderMenu li {
    margin-right: 0 !important;
}

.tmLogo {
    width: 150px;
}

.fIconPlus {
    width: 150px;
    display: block;
    margin-right: -9px;
}

.tmTitle {
    margin-top: 30px;
    font-size: 14px;
}

.tmRightSide ul li {
    display: inline-block;
    margin-right: 10px;
}

.activeMenu:after {
    right: -10px;
    left: 0;
}

/*top Slider*/

.tsbWrapperItem:hover .tbsItemInner {
}

.tsbWrapperItem:hover .tsbiBottomSide:after {
    top: -300px;
}

#boxesTop, .tsbItemHover2, .tsbItemHover3.tsbItemHover4 {
    position: relative;
    z-index: 99;
}

.tsbWrapperItem:hover .tsbiTopSide img, .tsbWrapperItem:hover .tsbiBottomSide p, .tsbWrapperItem:hover .tsbiBottomSide p {
    opacity: 0;
    -webkit-transform: rotate3d(1, 0, 0, 90deg) translate3d(0, -50px, 50px);
    transform: rotate3d(1, 0, 0, 90deg) translate3d(0, -50px, 50px);
    -webkit-transition: -webkit-transform .7s , opacity .3s;
    transition: transform .7s , opacity .3s;
}

.tsbItemHover2  {
    position: absolute !important;
    top: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	-webkit-transition: -webkit-top .5s , transform .5s , opacity .2s ;
    transition: top .5s , transform .5s , opacity .2s ;
    z-index: 99;
    width: 100%;
    height: 100%;
	-webkit-transform: rotate3d(1, 0, 0, -90deg);
	transform: rotate3d(1, 0, 0, -90deg);
}

.tsbItemHover2.text-center a {
    display: flex;
    margin: 5px auto;
}

.tsbItemHover2.text-center a p {
    margin: 0;
}

.tsbWrapperItem:hover .tsbItemHover2 {
	top: 0 !important;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-top .5s ,transform .5s , opacity .2s ;
    transition: top .5s ,transform .5s , opacity .2s ;
}

.tsbItem {
    height: 180px;
	margin-bottom:16px;
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: url("/wp-content/uploads/2023/06/rubika_box_wallpaper.webp");
}

.tsbItem:hover {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(191, 191, 191, 1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(191, 191, 191, 1);
    box-shadow: 0px 0px 8px 0px rgba(191, 191, 191, 1);
}

.tsbiTopSide {
    height: 80px;
    padding: 20px;
}

.tsbiBottomSide {
    height: 75px;
    padding-top: 16px;
    z-index: 1;
}

    .tsbiBottomSide:after {
        top: 0;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        background: #e8e8e8;
        height: 1px;
        width: 180px;
    }

    .tsbiBottomSide:before {
        bottom: -80px;
        right: -24px;
        
        width: 310px;
        height: 215px;
        z-index: -1;
    }

/*endregion*/

/*region Main*/
/*Packs*/
.pack {
    padding-top: 20px;
    padding-bottom: 60px;
}

#packTwo .pack, #packOne .pack {
    padding-bottom: 0px;
}

#packTwo {
    margin-top: 45px;
    padding-top: 46px;
    padding-bottom: 128px;
}

#packThree .pack .enPackTitleTop {
    margin-left: 111px;
}

#packOne .ipbPrice:hover, #packThree .ipbPrice:hover {
}

#packTwo .ipbPrice:hover {
    background: #1d8cc3;
    color: #ffffff;
}

.itemPack .bgGreen2, .itemPack .bgBlue2 {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.pLogoTitle {
    width: 27px;
}

.packTitle, .cpTitle, .faqTitle, .lnTitle {
    font-size: 16px;
}

/*items Pack*/
.itemPack {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: white;
}

.percent{
position: absolute;
top:16%;
left:0;
background-color:#ff7171;
padding:4px 10px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
}

.itemPack:hover {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(188, 219, 200, 1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(188, 219, 200, 1);
    box-shadow: 0px 0px 12px 0px rgba(188, 219, 200, 1);
}

    .itemPack:hover .iptsIconCircle {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 50%;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
        transform: rotate(360deg);
    }

.ipTopSide {
    height: 90px;
    position: relative;
    padding: 25px;
    overflow: hidden;
	margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 26px;
}

.ipBottomSide {
    padding: 15px;
}

    .ipBottomSide p {
        font-size: 16px;
    }

.itemsPacksWrapper {
    margin-top: 10px;
}

.iptsTitle {
    z-index: 9;
}

.iptstCountSubtitle {
    margin-top: -19px;
    font-size: 16px;
}

.iptsIconCircle {
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 1;
    position: relative;
    display: inline-block;
}

.icon-ico-follow {
    font-size: 30px;
}

.icon-ico-love {
    font-size: 26px;
    margin-top: 5px;
    margin-right: 1px;
    display: inline-block;
}

.icon-ico-view {
	font-size:28px;
	margin-top:3px;
	display:inline-block}

.icon-ico-comment {
	font-size:28px;
	margin-top:5px;
	display:inline-block}

.iptsIconCircleNone {
    z-index: 1;
    position: relative;
    margin-top: 21px;
    display: inline-block;
}

.iptstCount {
    font-size: 36px;
    margin-top: -16px;
}

.ipbPrice {
    margin-top: 17px;
    font-size: 24px;
}

    .ipbPrice span {
        font-size: 14px;
        font-weight: normal;
    }

/* Calc Price */

.del {
	font-size: 30px;
	margin-bottom: 17px;
}
/*radio button*/

/* Hide the browser's default radio button */

/* Create a custom radio button */

/* On mouse-over, add a grey background color */

/* When the radio button is checked, add a blue background */

/* Create the indicator (the dot/circle - hidden when not checked) */

/* Show the indicator (dot/circle) when checked */

/* Style the indicator (dot/circle) */

/**
 * Dragdealer.js 0.10.0
 * http://github.com/skidding/dragdealer
 * (c) 2010+ Ovidiu 
 * http://skidding.mit-license.org
 */

/*latest news*/

/*faq*/
#faq {
    padding-top: 65px;
    padding-bottom: 45px;
}

    #faq .smallBtn {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }

        #faq .smallBtn:hover {
            background: #d5d8e8;
            color: #6e7bdd;
        }

.faqItems, .lnItems {
    margin-top: 90px;
}

.bilIcon {
    font-size: 43px;
    margin-top: 3px;
}

.bItemsList {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
}

    .bItemsList li:not(:last-child) {
        display: inline-block;
        margin-left: 60px;
    }

.bilWrapperTitle h1 {
    margin-top: 5px;
}

.bilWrapperTitle p {
    margin-top: -18px;
}

.bItemsList h6 {
    margin-top: 0px;
}

.bilWrapperTitle {
    color: #48bda2;
}

.bilInstaPlus {
    font-size: 50px;
    color: #48bda2;
}

/*contactsus*/

/*footer*/
.fTop {
    margin-top: 20px;
	margin-bottom: 20px;
}

.fTop2 {
    margin-top: 25px;
}

.ftDetails {
    width: 90%;
    text-align: justify;
    line-height: 27px;
    color: #737373;
}

.ftTitleMenu {
    color: #489986;
	font-size: 22px;
}

.fBottom p {
    color: #1d846c
}

.ftListMenu li {
    margin-bottom: 24px;
    margin-top: 24px;
}

    .ftListMenu li a {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .ftListMenu li a:hover {
            padding: 4px 6px;		
            color: #ffffff;
            background: #48bda2;
        }

.fBottom {
    height: 75px;
    border-top: 1px solid #e9ecff;
    padding-top: 30px;
}

    .fBottom a {
        color: #c0ece6;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }

        .fBottom a:hover {
            color: #87bdb6;
        }

/*endregion*/

/*region Single Page*/
/*Header*/
/* The container */

.textArea textarea {
    height: 257px;
}

#section404 {
    margin-top: 180px;
    margin-bottom: 180px;
}

.formSearch input, .formSearch label, .formPay input, .formPay label {
    margin-top: 7px;
}
/*endregion*/
/*endregion*/

/*region Medias */
@media (max-width: 1200px) {
    .ftDetails {
        width: 100%;
        margin-top: 15px;
    }}
@media (max-width: 991px) {
 
.tsbItem{height:171px}

    .bilIcon {
        display: none;
    }

    .bItemsList li {
        display: block !important;
        text-align: center;
        margin-left: 0 !important;
        margin-bottom: 25px;
    }

    .itemsPacksWrapper {
        margin-top: 10px;
    }

    .bilDetailsWrapper {
        float: initial !important;
    }

    .pack .ofhM {
        overflow: hidden;
    }

    .bItemsListMobile {
        margin-bottom: 40px;
        text-align: center;
    }

    .ftListMenu, .ftTitleMenu {
        text-align: center;
    }

    .fIconPlus {
        margin-left: auto;
        margin-right: auto;
    }

    .fTitlePlus {
        text-align: center;
    }

    .fBottom div[class^="col"] {
        margin-bottom: 25px;
        text-align: center;
    }

    .carouselNews .owl-nav {
        top: -40px;
    }

}

@media (max-width: 1024px) and (min-width: 768px) {

    .trshUnderMenu {
        top: 98px;
    }

}

/*endregion */
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
    }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                          http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.ipbPrice {
    padding: 2px;
    margin-top: 5px;
    font-size: 24px;
}

a.smallBtn {
    margin-top: 5px !important;
    height: 41px;
    line-height: 43px;
}

    a.smallBtn:hover {
        color: white;
    }

.oldprice {
    color: #ff8484;
    text-decoration: line-through;
    font-size: 21px !important;
}

.product-plan {
    margin-top: 20px;
	padding-left: 8px;
	padding-right: 8px
}

a.smallBtn:hover {
    background: #429763;
}

#faq h5, #faq p {
    line-height: 2;
}

#boxesTop, .tsbItemHover3.tsbItemHover4 {
    position: relative;
    z-index: 99;
    margin-top: 3%;
}
.inline{
	display:inline;
}
@media only screen and (max-width: 600px) {
  .hideMobile {
    display:none;
  }
}

@media only screen and (max-width: 640px) {
  .hideMobile {
    display:none;
  }
}
@media only screen and (max-width: 720px) {
  .hideMobile {
    display:none;
  }
}
@media (max-width: 991px){
  .hideMobile {
    display:none;
  }
	#boxesTop{
		margin-top:40px;
	}
.visible-xs {
    display: block!important;
}
}

#faq {
    padding-top: 65px;
    padding-bottom: 45px;
margin-bottom:-2%; 
   margin-top: -7%;
}

.faqItems, .lnItems {
    margin-top: 10px;
}

.sub-menu li a {
    color: #4492d5!important;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    display: block;
}
.sub-menu li {
    margin-right: 10px!important;
    margin-bottom: 1px;
    width: 100%;
}

.comment-list li{
	border-radius: 5px;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 30px;
	margin-bottom:20px;
}
.comment-list{
	list-style:none;
}
.comment-list ol{
	list-style:none;
}
.comment-list li img{
		border-radius:40px;
	}
.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;	
}

.comment-form-comment textarea:active{
	border:none !important;
}
.comment-form-comment textarea{
	margin-top: 0px;
    margin-bottom: 0px;
    height: 167px;
    width: 100%;
    border: none;
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
    border-radius: 5px;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.comment-form-comment label{
	    display: block;
    margin-bottom: 5px;
	font-weight: bold;}
.form-submit input[type='submit']{
	-webkit-appearance: button;
    cursor: pointer;
    width: 100%;
    border: none;
    padding: 15px;
    color: white;
    background-color: #4492d5;
    border-radius: 5px;
	
}

/*--pagenumber--*/
.pagenumber  {
width:100%;
text-align:center;
display:inline-block;
margin-top:10px;
margin-bottom:25px;
}
 
.navigation li {
 display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
 color: #fff;
 text-decoration:none;	
 background-color: #56c180;
 border-radius: 20px;
 cursor: pointer;
 border:0px solid #ffffff;
 padding: 7px;
}
 
.navigation li a:hover,
.navigation li.active a {
 background-color: #429763;
}
 
.navigation span {
 display: inline;
 margin:0 !important;
}
 
.navigation span ,
.navigation span:hover,
.navigation span.active ,
.navigation span.disabled {
 color: #fff;
 text-decoration:none;
 background-color: #56c180;
 border-radius: 10px;
 cursor: pointer;
 border:0px solid #ffffff;
 padding: 7px;
}

.navigation span:hover,
.navigation span.active {
 background-color: #429763;
}
.categoryList{
	background-color:#4492d5;
	color:white;
	padding:1px 8px 1px 8px;
	margin-left:5px;
	border-radius:20px;
    margin-bottom: 1px;
    line-height: 3;
    display: inline-block;}

@media only screen and (max-width: 991px) {
.topMobile{
		margin-top:50px;
	}
}

.textleft  input{
text-align: right;	
direction: ltr;
}
.wp-block-table {
    margin: 0 0 1em;
    overflow-x: unset !important;
}

#header .sub-menu {border-radius:20px;margin-right:-10px;width:220px;/* padding-top:10px; */border:1px solid #dadada;border-top:2px solid #48bda2;background-color:#ffff !important;position: absolute;top: 45px;z-index: 1000;float:right !important;text-align:right;display:none}
#header .sub-menu li {margin-right: 8px !important;margin-bottom:1px;position:relative;padding-top: 6px !important;}
#header .sub-menu li a {color: #208870!important;padding-bottom:10px;/* display: inline-block; *//* width: fit-content; */}
#header .sub-menu .sub-menu {right: 224px;top: -2px;}
#header .menu-item{color:black !important;padding-top:5px !important; position: relative;}
#header li i {display: inline-block;padding-right: 1px;}
@media only screen and (max-width: 991px) {
  #header .menu-item{margin-bottom:5px;margin-top:5px;}
  #header .topnav > li > a {display: inline-block;background: #fff;margin: 5px 0px;}
  #header .sub-menu{ width:100%;padding:5px 10px;background-color:#ffff !important;position:static;z-index: 1000;float:right !important;text-align:right;border:1px solid #dadada;display:none;margin-top: 10px;margin-bottom: 10px;}
  #header .menu-item{color:black !important;padding-top:5px !important;padding-bottom:5px !important;}
}
.tmMenuListMobile .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children{ 
display:flex; 
flex-direction: column; 
}

.header-button{
	width:100%;
	margin-top:15px;
	display:flex;
}
.header-button .abtn1{
	background-color:#fb9;
	margin-left:5px;
	color:white;
	padding:10px;
	border-radius:10px;
	font-size: 14px;
	font-weight:bold;	
}
.abtn1:hover {
  background-color: #f9915e;
  transition: all 300ms;
}
.header-button .abtn2{
	background-color:#40d9b5;
	margin-left:5px;
	color:white;
	padding:10px;
	border-radius:10px;
	font-size: 14px;
	font-weight:bold;	
}
.abtn2:hover {
  background-color: #39c1a1;
  transition: all 300ms;
}
.header-button .abtn3{
	background-color:#c1aaff;
	margin-left:5px;
	color:white;
	padding:10px;
	border-radius:10px;
	font-size: 14px;
	font-weight:bold;	
}
.abtn3:hover {
  background-color: #a68af2;
  transition: all 300ms;
}

.header-button-mobile{
	margin-right:-5px;
    display: flex;
    flex-wrap: wrap;
}

.header-button-mobile .abtn1 {
    background-color: #fb9;
    margin: 3px;
    color: white;
    padding: 8px;
    border-radius: 10px;
    font-weight: bold;	
}

.header-button-mobile .abtn2 {
    background-color: #40d9b5;
    margin: 3px;
    color: white;
    padding: 8px;
    border-radius: 10px;
    font-weight: bold;
}

.header-button-mobile .abtn3 {
    background-color: #c1aaff;
    margin: 3px;
    color: white;
    padding: 8px;
    border-radius: 10px;
    font-weight: bold;
}

/*** Recent Edit ***/
#author{
	margin-bottom:10px;
}

.mt-1{
	margin-top:10px !important;
}

.comment-list{
	padding-right: 15px;
	padding-left: 15px;
    margin-top: 25px;
}

.table>tbody>tr:first-child>td{
	border-top:0px;
}

#caption ul,
.page-content ul{
	list-style: circle;
	padding-right:40px;
}

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.inline-block{
  display:inline-block;
}

.post_tag a{
	display: inline-block;
    font-size: .9rem;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
	background: #f5f5f5;
    border: none;
    border-radius: 4px;
    color: #333 !important;
    padding: 7px 22px;
	transition: all .1s ease-in;
}

.post_tag a:hover{
	background: #eaeaea;
}

.site-main header h1{
	color:#4b4b4b;
	font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 1rem;
}

.site-main .page-content p{
	font-size: 1.1rem;
    line-height: 2;
	font-weight: 400;
    letter-spacing: 0;
}

.my_post_category{
	font-size:.7rem;
	color:#b5b5b5;
}

.comments {
	display: block;
    background-color: #f5f5f5;
    padding: 2rem 0;
	margin-bottom:2rem;
}

.post_suggestion {
    margin:0;
}

.comments .section_title {
    color: #6e6e6e;
    font-size: .8rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
}

.post_suggestion .postItem .postItemContent {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);
    overflow: hidden;
}

.post_suggestion .postItem_photo {
   transform: scale(0.94);
}

.post_suggestion .postItem_photo img {
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.post_suggestion .postItem_body {
    padding: 1rem;
}

.post_suggestion .postItem_title {
    color: #323232;
    font-size: 16px;
    height: auto;
    overflow: hidden;
    position: relative;
	text-align: center;
}

.post_suggestion .postItem_excerpt{
	color:#6e6e6e;
	font-size:.7rem;
	text-align:center;
}
.csbb{
	margin:10px;
	padding-left:10px;
	padding-right:10px;
	float:right;
}
.mr-10{
	margin-right:10px;
}
.mx-15{
	margin-right:15px;
	margin-left:15px;
}
.mlr-8 {
  margin-left: 8px;
  margin-right: 8px;
}
.mt-40{
	margin-top:40px;
}
.post_comment{
	border-top: 1px dashed #ccc;
	margin-top:10px;
}

.widget_posts{
	margin-top: 80px;
	background-color: #eff7f3;
    padding: 20px;
	border-radius: 5px;
}

.widget_box{
	margin-bottom: 50px;
}

.widget_title,
.wp-block-search__label{
	background-color: #56c180;
    color: #fff;
    padding: 7px 10px;
    font-size: 1rem;
	border-radius: 5px;
}

.wp-block-categories-lis,
.wp-block-latest-posts.wp-block-latest-posts__list{
	list-style: circle !important;
    padding-right: 15px !important;
	margin-top: 20px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li{
	margin:7px 0;
}

.post_tag{
	vertical-align:middle;
}

.dashicons-tag{
	margin-top:10px;
}

@media (max-width: 991px){
	.hideMobile {
    	display: none;
	}
	#commentform #comment{
		margin-top:10px;
	}
	.postItem{
		margin-bottom: 25px;
	}
}
@media only screen and (max-width: 720px){
	.hideMobile {
    	display: none;
	}
	#commentform #comment{
		margin-top:10px;
	}
	.postItem{
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 640px){
	.hideMobile {
    	display: none;
	}
	#commentform #comment{
		margin-top:10px;
	}
	.postItem{
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 600px){
	.hideMobile {
    	display: none;
	}
	.postItem{
		margin-bottom: 25px;
	}
}

@media (min-width: 1200px) {
 	.tsbWrapperItem .col-lg-3 {
		padding-left: 8px;
    	padding-right: 8px;
		width:20%	
	}
}

@media (min-width: 992px) {
 	.tsbWrapperItem .col-md-4 {
		padding-left: 8px;
    	padding-right: 8px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
 	.tsbWrapperItem .col-md-6 {
		margin-top: 16px;
		padding-left: 8px;
    	padding-right: 8px;
	}
}

@media (min-width: 611px) {
 	.tsbWrapperItem .col-xs-6 {
		padding-left: 8px;
    	padding-right: 8px;
	}
}

@media (min-width: 611px) {
 	.tsbWrapperItem .col-xs-12 {
		padding-left: 8px;
    	padding-right: 8px;
	}
}

.redog {
  background-color: #ff6c6c;
  color:white !important;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 10px;
}
.redog1 {
  background-color: #fd8a96;   
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
} 
.redog1:hover {
  background-color: #ed5061;
  transition: all 300ms;
}
.redog2 {
  background-color: #85c4f7;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
}
.redog2:hover {
  background-color: #55a8ed;
  transition: all 300ms;
}
.redog3 {
  background-color: #9adf9f;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
}
.redog3:hover {
  background-color: #7cc86c;
  transition: all 300ms;
}
.border15 {
  border-radius: 15px;	
}
/*** GF ***/
.gform_wrapper.gravity-theme .ginput_total 
{
	border: 1px solid silver !important;
	font-size: 18px !important;
	font-weight: bold !important;
	color: gray;
	background: #f9f9f9;
	outline: none;
}
.gform_wrapper.gravity-theme .gfield_required {
  padding-right: .125em;
}
.gform_wrapper.gravity-theme .gfield_validation_message {
  padding: 10px;
}
.gform_wrapper.gravity-theme .ginput_container ::placeholder {
    color: #a2a2a2 ;
}
.gform_wrapper.gravity-theme .gfield_description {
	background: #00000005 ;
	padding: 5px;
	margin-bottom: 6px;
}
 .gform_wrapper.gravity-theme .instruction {
	margin-top: 6px;
}
.gform_wrapper.gravity-theme .gform_footer {
	border-top: 1px solid #d6d6d6;
	margin-top: 16px;
	padding: 16px 0;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  background: #fff9f9;
  border: 1.5px solid #c02b0a;
  border-radius: 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 16px 16px 16px 48px;
  position: relative;
  width: 100%;
}
.gform_wrapper.gravity-theme .gform_validation_errors > ol a {
  color: #c02b0a;
  font-size: 13.2px;
}
.gform_wrapper.gravity-theme .gform_validation_errors > ol li {
  color: #c02b0a;
  font-size: 13.2px;
  list-style-type: disc !important;
  margin: 0 0 8px;
}

.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #c02b0a;
  font-size: 16px;
  font-weight: bold;
  line-height: 17.6px;
  margin: 0 0 12px;
}
.gform_wrapper.gravity-theme .validation_message {
  background: #fff9f9;
  color: #c02b0a;
  border: 1px solid #c02b0a;
  margin-top: 8px;
}
.gform_wrapper.gravity-theme .gfield_error label {
  color: #c02b0a;
}
.gform_wrapper.gravity-theme .gfield {
  margin-bottom: 15px;
}
.gform_wrapper.gravity-theme .gform_ajax_spinner {
  margin: 10px;
}
.gf14 {
	font-size:14px;
}
.gfenglish input{
  font-family: Arial;
}