/* Scrollbars styling */
::-webkit-scrollbar {
    background-color: rgba(24, 24, 24, .07);
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(24, 24, 24, .3);
    border-radius: 6px;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    transition: background 200ms ease;
}

.dark-open .ripro_v2-widget-post .post-list .entry-title a {
    color: #a8b1b8;
}

.dark-open .ripro-v2-widget-shop-down .pricing-options li span {
    color: #c6cfd8;
    font-size: 12px;
}

.dark-open .ripro-v2-widget-shop-down .pricing-options li b {
    font-size: 12px;
    color: #c6cfd8;
}

.dark-open .single-download-nav li .nav-link.active {
    color: #adb5bd;
    border-color: #323a46;
    background-color: unset;
}

.dark-open .btn-white {
    color: #f4495e;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: 0 0 0 rgb(238 242 247 / 50%);
    box-shadow: 0 0 0 rgb(238 242 247 / 50%);
}

.navbar .logo {
    margin-right: 12px;
    width: auto;
    max-height: 51px;
    position: relative;
}

.cdk-container{
    
}

.cdk-container-home{
   padding: 15px 0px 15px 0px; 
}

.col-cdk {
	width: 100%;
	max-width: 100%;
	padding: 1px 1px 2px 1px;
}

.col-cdk-1 {
	width: 100%;
	max-width: 100%;
	padding: 1px 1px 2px 1px;
	-webkit-filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.col-cdk-2 {
    width: 48%;
    max-width: 50%;
    margin-left: 17px;
    margin-right: -11px;
}

.col-cdk-h {
    width: 48%;
    max-width: 50%;
    margin-left: 17px;
    margin-right: -11px;
    -webkit-filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.col-cdk-3 {
    width: 24%;
    max-width: 24%;
    margin-left: 17px;
    margin-right: -11px;
}

.col-cdk-4 {
    width: 31.5%;
    max-width: 31.5%;
    margin-left: 17px;
    margin-right: -11px;
}

.col-cdk-3h {
    width: 24%;
    max-width: 24%;
    margin-left: 17px;
    margin-right: -11px;
    -webkit-filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.cdk-select.ok, .cdk-select:hover {
    border: 2px solid #ffe114;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
}

.cdk-check:after {
    color: #ff0000;
    content: "\f058";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: -17px;
    right: -6px;
}

@media only screen and (max-width:767px) {

	.col-cdk-2,.col-cdk-3,.col-cdk-4{
        width: 100%;
		max-width: 100%;
		margin-left: 11px;
		margin-right: 11px;
	}
	.col-cdk-h,.col-cdk-3h {
        width: 100%;
		max-width: 100%;
		margin-left: 11px;
		margin-right: 11px;
        -webkit-filter : grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    }
}
/* codecdk-panel */
.codecdk-panel {
    background-color: #ffffff;
    background-size: contain;
    background-attachment: fixed;
}

.codecdk-panel .jq22-flex {
    height: 90%;
    background: #ffe11a;
    border-radius: 3px;
    padding: 0;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
    position: relative;
    display: flex;
    margin: 5px 0;
}

.codecdk-panel .jq22-flex:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    left: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-2 {
    height: 90%;
    background: #aaee22;
    border-radius: 3px;
    padding: 0;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
    position: relative;
    display: flex;
    margin: 5px 0;
}

.codecdk-panel .jq22-flex-2:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    left: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-2:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-3 {
    height: 90%;
    background: #ffe599;
    border-radius: 3px;
    padding: 0;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
    position: relative;
    display: flex;
    margin: 5px 0;
}

.codecdk-panel .jq22-flex-3:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    left: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-3:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-4 {
    height: 90%;
    background: #99eaa7;
    border-radius: 3px;
    padding: 0;
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    align-items: initial;
    position: relative;
    display: flex;
    margin: 5px 0;
}

.codecdk-panel .jq22-flex-4:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    left: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.codecdk-panel .jq22-flex-4:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 73.999%;
    right: -10px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #ffffff;
    margin-top: -10px;
}

.jq22-price-nub {
    background-image: -webkit-gradient(linear,left top,right top,from(#f63f5d),to(#ec2546));
    background-image: -webkit-linear-gradient(left,#f63f5d,#ec2546);
    background-image: -moz-linear-gradient(left,#f63f5d,#ec2546);
    background-image: linear-gradient(to right,#f63f5d,#ec2546);
    background-color: #ec2546;
    height: 100%;
    width:35%;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
}

.jq22-digit {
    height: 60%;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    padding: 22px 1px 0px 1px;
    position: relative;
    top: 20%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
}

.text {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
/*    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.jq22-full {
    height: 40%;
    background: #d01c39;
    color: #f3c1ca;
    font-size: 10px;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.jq22-full .jq22-over{
    color: #f3c1ca;
    font-size: 14px;
    text-align: center;
}

.jq22-full .jq22-time{
    color: #f3c1ca;
    font-size: 15px;
    text-align: center;
}

.jq22-full .jq22-time-2{
    color: #f3c1ca;
    font-size: 14px;
    text-align: center;
}

.jq22-digit h2 {
    font-size: 25px;
    margin-bottom: 5px;
    color: red;
}

.jq22-digit h2 em {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
}

.jq22-flex-box {
    height: 52px;
    border-bottom: 1px dashed #ff1ada;
    padding-left: 5px;
    padding-top: 8px;
    position: relative;
    width: 65%;
}

.cop-codecdk {
    background-image: -webkit-gradient(linear,left top,right top,from(#ef0f82),to(#fe1c44));
    background-image: -webkit-linear-gradient(left,#ef0f82,#fe1c44);
    background-image: -moz-linear-gradient(left,#ef0f82,#fe1c44);
    background-image: linear-gradient(to right,#ef0f82,#fe1c44);
    background-color: #ef0f82;
    color: #fff;
    border-radius: 50px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    position: absolute;
    right: 5px;
    bottom: 20px;
    line-height: 1;
    cursor: pointer;
}

.cop-codecdk-1 {
    color: #6123f1;
    border-radius: 50px;
    border: 0;
    font-size: 13px;
    padding: 6px 0px 3px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    line-height: 1;
}

.jq22-flex-box-h2 {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 4px;
    color: red;
}

.jq22-flex-box-h3 {
    font-weight: 4;
    font-size: 12px;
    color: #333323;
    margin: 4px 0px 6px 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 96%;
    line-height: 1;
}

.col-lg-20{
    flex: 0 0 20%;
    max-width: 20%;
}

.section-spacing {
	padding:30px 10px 0
}

.social-icons {
	list-style:none;
	display:flex;
	padding:0;
	margin:0
}

.social-icons li a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	font-size:16px;
	color:#fff;
	background:hsla(0,0%,100%,.1);
	border-radius:50%
}
.social-icons li a:hover {
	background-color:#425faf
}
.social-icons li:not(:last-child) {
	margin-right:10px
}
.social-icons.witout-bg li a {
	color:#212121;
	font-size:18px
}
.social-icons.dark-version li a {
	border:1px solid #425faf;
	color:#425faf
}
.social-icons.dark-version li a:hover {
	color:#fff;
	background-color:#425faf
}

footer.footer {
	position:relative;
    margin-top: 30px;
}

footer.footer .footer-logo {
	max-width:188px;
	height:auto;
	margin-bottom:20px
}
footer.footer .footer-content,footer.footer .footer-descimer {
	color:#d9dbe1;
	font-size:16px;
	/*margin-bottom:10px*/
}

}footer.footer .footer-descimer {
	margin-top:30px;
	margin-bottom:0
}
footer.footer .footer-descimer strong {
	font-weight:500
}
footer.footer .footer-title {
	font-weight:500;
	font-size:16px;
	line-height:30px;
	color:#fff;
	margin-bottom:20px
}
footer.footer .footer-menu-list {
	list-style:none;
	padding:0;
	margin:0
}

footer.footer .footer-menu-list li {
	line-height:1;
	margin-bottom:12px;
	overflow:hidden
}
footer.footer .footer-menu-list li a {
	position:relative;
	color:#d9dbe1;
	line-height:26px;
	overflow:hidden;
	margin-left:-24px;
	display:inline-block;
	transition:.3s linear
}

@media only screen and (max-width:767px) {

	.footer-inner{
		display:none;
	}
}

footer.footer .footer-menu-list li a:before {
	content:"→";
	display:inline-block;
	font-family:FontAwesome;
	margin-right:10px;
	transform:translateX(-24px);
	transition:.3s linear
}
footer.footer .footer-menu-list li a:hover {
	display:inline-block;
	color:#425faf;
	margin-left:0
}
footer.footer .footer-menu-list li a:hover:before {
	transform:translateX(0)
}
footer.footer .footer-menu-list li.current-menu-item a {
	color:#425faf;
	margin-left:0
}
footer.footer .footer-menu-list li.current-menu-item a:before {
	transform:translateX(0)
}

.footer-bottom-bar {
	border-top:1px solid hsla(0,0%,100%,.2);
	padding:20px 0
}
.footer-bottom-bar p.copyright-text {
	color:#d9dbe1;
	margin:0
}
@media only screen and (max-width:767px) {
	.footer-bottom-bar p.copyright-text {
	text-align:center
}
}.footer-bottom-bar ul.bottom-menu-list {
	display:flex;
	list-style:none;
	padding:0;
	margin:0
}
.footer-bottom-bar ul.bottom-menu-list li:not(:last-child):after {
	content:"";
	background:#425faf;
	width:7px;
	height:7px;
	display:inline-block;
	margin:0 12px;
	border-radius:50%
}
.footer-bottom-bar ul.bottom-menu-list li a {
	color:#d9dbe1;
	font-size:13px
}

.copyright-text{
	color:#d9dbe1;
	font-size:13px
}

.copyright-text a{
	color:#d9dbe1;
	font-size:13px
}
.copyright-text a:hover{
	color:#425faf;
}

@media only screen and (max-width:767px) {
	.footer-bottom-bar ul.bottom-menu-list li a {
		font-size:12px
	}
}.footer-bottom-bar ul.bottom-menu-list li a:hover {
	color:#425faf
}