/*
	Theme Name: Chabok WP Theme
	Theme URI: https://chabokgroup.com
	Description: Chabok WP Theme is WordPress Theme under chabokgroup Dev
	Version: 1.0.0
	Author: Shahriyar Modami
	Author URI: https://chabokgroup.com
	Tags: Wordpress, HTML5, CSS3, RESPONSIVE
	Text Domain: chabok_wp_theme
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

.chabok-hide-animate {
    opacity: 0;
}



@font-face {
	font-family:'iransans';
	src:url('fonts/IRANSansWeb.eot');
	src:url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
		url('fonts/IRANSansWeb.woff') format('woff'),
		url('fonts/IRANSansWeb.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
	font-family:'iransans';
	src:url('fonts/IRANSansWeb_Bold.eot');
	src:url('fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/IRANSansWeb_Bold.woff') format('woff'),
		url('fonts/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}

#chabok-toggle-menu.chabok-active::before,
.product-spec::before,
.chabok-header ul li a:before,
.chabok-header ul li.menu-item-has-children > a:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
            
}

.chabok-term-article {
    padding:40px 0;
}
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
	font-size:100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin:0;
    padding:0;
    direction: ltr;
}

body {
	font:300 15px/1.8 'iransans', Helvetica, Arial, sans-serif;
	color:#444;
	margin:0;
    padding:0;
    background: #fffefe;
    /*
    background:#fff;
    */
}
.my-email, span.lang-fa , .chabok-donbal-text, .chabok-header ul li, 
.btn-new-style, button, input, textarea, .chabok-botton-lang span {
    font-family: 'iransans', Helvetica, Arial, sans-serif;

}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
.clearboth {
	clear:both;
}
.divider {
    padding:10px;
    border:0;
	width:100%;
}
blockquote {
    background: #f4f4f4;
    padding: 5px 20px;
    border-left: 7px solid #850000;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.7;
	color:#111;
	margin:10px 0;
}
section {
    overflow: hidden;
    margin-bottom:20px;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:28px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:22px;
}
h5 {
	font-size:20px;
}
h6 {
	font-size:18px;
}
strong {
    font-weight: bold;
}
article h1 {
	font-size:26px;
}
article h2 {
	font-size:24px;
}
article h3 {
	font-size:22px;
}
article h4 {
	font-size:20px;
}
article h5 {
	font-size:18px;
}
article h6 {
	font-size:15px;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color:#444;
	text-decoration:none;
	transition: color 300ms;
}
a:hover,a:focus,a:active {
	color:#d10404;
	outline:0;
}

a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.ftl {
	float: left;
}
.ftr {
	float: right;
}

.chabok-radius {
    border-radius: 10px;
}
.chabok-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}


input, textarea {
	padding:7px;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 1.8;
}
textarea:focus, input:focus {
	border-color:#0d72cc;
}
/*
button, input[type="submit"], .comment-reply-link {
	border: 1px solid;
	border-color: #b51f1f;
    padding: 2px 25px;
    border-radius: 5px;
    color: #eee;
	background: linear-gradient(to right, #ffffff 50%, #e16161 50%);
	background: -webkit-linear-gradient(to right, #ffffff 50%, #e16161 50%);
	background: -moz-linear-gradient(to right, #ffffff 50%, #e16161 50% );
	background-size: 200% 100%;
    background-position:left bottom; 
    background-color:#b51f1f ;
	transition: all 300ms ease;
	box-shadow: #ccc 0 0 2px;
    cursor: pointer;
    position: relative;
	-webkit-appearance:none;
}

button:hover, input[type="submit"]:hover,
button:focus, input[type="submit"]:focus,
button:active, input[type="submit"]:active,
.comment-reply-link:focus,.comment-reply-link:hover {
	color:#fff;
	background-color:#b30833;
    box-shadow: #ccc 0 0 7px;
    outline:0;
}

.chabok-btn::after, button::after, input[type="submit"]::after, .comment-reply-link::after {
    content:'';
    position: relative;
    top:-100px;
    transition: all 200ms;
}

.chabok-btn:hover::after, button:hover::after, input[type="submit"]:hover::after,
.chabok-btn:focus::after, button:focus::after, input[type="submit"]:focus::after,
.chabok-btn:active::after, button:active::after, input[type="submit"]:active::after,
.comment-reply-link:focus::after,.comment-reply-link:hover::after {
    position: relative;
    transition: all 200ms;
    top:0;
}
*/
.chabok-btn-section-inline .chabok-btn {
    margin-right:10px;
    margin-bottom: 10px;
}

.chabok-btn, button, input[type="submit"], .comment-reply-link {
    display: inline-block;
    text-decoration: none;
    outline: none !important;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
    background-color: #fecb2f;
    color: #13192c;
    border-radius: 2px;
    padding: 15px 30px;
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
    transform: translateY(0);
    transition: all .3s;
}

.chabok-btn.yellow-btn {
    background-color: #fecb2f;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09);
    color: #13192c;
}

.chabok-btn.black-btn {
        background-color: #13192c;
        box-shadow: 0 3px 20px rgba(0, 0, 0, 0.25);
        color: #fff;
}

.chabok-btn:hover, .chabok-btn:focus,
button:hover, input[type="submit"]:hover, .comment-reply-link:hover,
button:focus, input[type="submit"]:focus, .comment-reply-link:focus {
    transform: translateY(-3px);
    transition: all .3s;
}

.chabok-btn.yellow-btn:hover,
.chabok-btn.yellow-btn:focus {
    box-shadow: 0 13px 20px rgba(206, 161, 24, 0.4);
}

.chabok-btn.black-btn:hover,
.chabok-btn.black-btn:focus {
    box-shadow: 0 13px 20px rgba(0, 0, 0, 0.4);
}

h1.chabok-cliped,.chabok-cliped, h1.title.chabok-cliped {
	position:absolute;
	clip:rect(0,0,0,0);
	top:0;
	visibility:hidden;
}

.archive-title.ser-title {
    margin-top:35px;
}
.my-email, .my-workdate {
	font-size: 13px;
}
.btn-new-style {
    background: #b51f1f;
    color: #fff;
    border-radius: 30px !important;
    border: 0;
    box-shadow: 0 0 10px #ccc;
    padding: 5px 15px;
}
.chabok-justify {
    text-align: justify;
    text-justify: distribute;
}
.chabok-col {
    padding:0 10px;
}
.chabok-col-100 {
    padding:0 10px;
    width:100%;
}
.chabok-col-75 {
    width: 75%;
    padding:0 10px;
}
.chabok-col-70 {
    width:70%;
    padding:0 10px;
}
.chabok-col-60 {
    width:60%;
    padding:0 10px;
}
.chabok-col-50 {
    width:50%;
    padding:0 10px;
}
.chabok-col-40 {
    width:40%;
    padding:0 10px;
}
.chabok-col-33 {
    width:33.3333%;
    padding:0 10px;
}
.chabok-col-30 {
    width:30%;
    padding:0 10px;
}
.chabok-col-25 {
    width:25%;
    padding:0 10px;
}
.chabok-col-20 {
    width:20%;
    padding:0 10px;
}
.chabok-col-16 {
    width:16.666%;
    padding:0 10px;
}
.chabok-container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    position: relative;
}
.chabok-header {
   
    /* overflow: hidden; */
}
.white-bg {
    background:#fff;
}
.mgb-0 {
    margin-bottom: 0px !important; 
}

.mgt-25 {
    margin-top: 25px;
}
.mgb-25 {
    margin-bottom:25px;
}

.pdd-0 {
    padding:0 !important;
}
.psr {
    position: relative;
}
.pddb-0 {
    padding-bottom: 0px !important;
}
.pdr-20 {
    padding-right:20px !important;
}
.pdl-20 {
    padding-left:20px !important;
}

.chabok-section {
    padding:0 15px;
}

body.enable-main {
    background:#f7f7f7;
}
body.enable-main .chabok-header {
    border:0;
    box-shadow: 0 0 5px #eee;
}
.enable-main .chabok-main-content {
    width:100%;
    max-width:1180px;
    margin:0 auto;
    box-shadow: 0 0 9px #eee;
    position: relative;
    background:#fff;
    padding:35px 25px;
    margin-bottom:25px;

}

.chabok-head {
    /* position: relative; */
    background: #fff;
    font-size: 15px;
    color: #444;
    overflow: unset;
    width: 100%;
    float: left;
    z-index: 100;
    border-bottom: 4px solid #f4d420;
}
#chabok-slider {
    width: 100%;
    float: left;
}
.head {
    position: relative;
    z-index: 2;
    max-width: 1170px;
    margin:auto;
    border-left: 0px solid transparent;
    width: 100%;
}
.shape {
    border-bottom: 40px solid #fff;
    border-right: 40px solid transparent;
	border-left:0;
    height: 0;
    width: 320px;
    display: inline-block;
    position: relative;
    left: 0;
}
.chabok-top-bar-right {
    color: #444;
    display: inline-block;
    width: auto;
    position: absolute;
    top: 7px;
}

.chabok-top-bar-left {
    float: right;
    position: relative;
    margin-top: 5px;
}
.yellow {
    color: #fbbb00;
}
.chabok-icon-class {
    padding-right: 8px;
    font-size:16px;
}
.chabok-header .chabok-icon-left-bar a {
    color: #444;
    font-size: 18px;
    padding: 0 11px;
    transition: all 200ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: #d2caca;
    margin: 0 4px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    position: relative;
    bottom: -10px;
}

.chabok-header .chabok-icon-left-bar a:hover,.chabok-icon-left-bar a:focus {
    color: rgb(255, 255, 255);
    background:#444;
    bottom:0;
    transition: all 200ms;
}

.chabok-header .chabok-icon-left-bar a.instagram-svg {
    padding: 5px;
}
.chabok-header .chabok-icon-left-bar a.instagram-svg svg {
    line-height: 0;
    fill: #444;
    width: 25px;
    height: 25px;
    transition: all 200ms;
}
.chabok-header .chabok-icon-left-bar a.instagram-svg:hover svg {
    fill: rgb(255, 255, 255) !important;
    transition: all 200ms;
}

.chabok-icon-text {
	font-family: tahoma;
    font-size: 14px;
    padding-right: 20px;
    top: -2px;
	position: relative;
}
.white {
    color: rgb(250, 250, 250);
}
.chabok-icon-left-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.chabok-botton-lang {
    padding: 0px 0px 2px 26px;
    font-size: 13px;
    color: #fff;
    top: -3px;
    position: relative;
    display: inline-block;
    margin-right: 13px;
    border-radius: 25px;
}

span.lang-fa {
    background: green;
    padding: 1px 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.chabok-botton-lang a span {
    color:#fff;
}

.b-flag {
    overflow: hidden;
    display: inline-block;
    line-height: 0;
    position: relative;
    top: 3px;
    height: 19px;
}
.b-flag a {
    display: inline-block;
}
.b-flag img {
    width:29px;
    margin:0 2px;
}
span.lang-en {
    background: green;
    padding: 1px 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right:1px solid #aaa;
}
span.lang-en.active,
span.lang-fa.active {
    background:black;
}
.chabok-head-one {
    position: relative;
    background-color: #eee;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 40px;
    font-size: 15px;
    color: #444;
    padding: 0 15px;
    overflow: hidden;
    z-index: 99;
}
.chabok-head-one::after {
    content: '';
    width: 62%;
    left: 0;
    height: 39px;
    position: absolute;
    background: #000000;
    box-shadow: 0 0 13px #666;
    border-top-right-radius: 67px;
}
.chabok-head-two {
    width: 100%;
    padding:0;
    /* position: relative; */
}

.chabok-head-two.chabok-fixed-head-two-before {
    transition: all 600ms ease-out;
    background: transparent;
    top:0px;
}

.chabok-head-two.chabok-fixed-head-two {
        position: fixed;
        top: 0;
        overflow: unset;
        width: 100%;
        max-height:100%;
        z-index: 999;
        background: #fff;
        transition: all 600ms ease-in;
        box-shadow: 0 0 10px #ccc;
}

.chabok-head-two-content {
    padding-right: 0;
    font-size: 20px;
    float:left;
    width: 19%;
    max-width: 225px;
    height: 80px;
    padding: 7px 0px;
    display: flex;
    align-items: center;
}
.chabok-logo-img {
    z-index: 999;
    top: 3px;
    padding-right: 0px;
    max-width: 100%;
}
.chabok-donbal-text {
        font-size: 14px;
        padding-left: 10px;
        top: -2px;
		position: relative;
}
#site-navigation {
    float:left;
    width: 61%;
    text-align: left;
    margin-top: 0;
    margin-left: 0px;
    padding-left: 20px;
    padding-right:0px;
}

.chabok-icon-box {
    float: right;
    text-align: right;
    width: 20%;
    color:#444;
    padding: 0 20px;
    line-height: 5.3;
   
}
.icon-box-flex {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: end;
    -webkit-justify-content: flex-end;
    -webkit-justify-content: end;
    text-align: right;
    float: left;
    width: 100%;
  }
.chabok-icon-box .chabok-inner-icon {
    padding:0px;
}

.chabok-icon-box a {
    color:#a4002e !important; 
}
/*
.chabok-header::before, .icon-bg span:nth-child(1) {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    background: #ebeffb;
    transform: rotate(45deg);
    top: 57px;
    right: 13%;
    z-index: 0;
    opacity: 0.3;
}

.chabok-header::after, .icon-bg::before, .icon-bg::after {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    background: #fbebeb;
    border-radius: 100px;
    top: 50vh;
    left: 36px;
    z-index: 0;
    opacity: 0.3;
}

.icon-bg::after {
    top: 23px;
    left: 15%;
    right: auto;
}

.icon-bg::before {
    top: 80vh;
    right: 3%;
    left:auto;
}

.icon-bg span:nth-child(1) {
    top:130vh;
    right: auto;
    left: 3%;
}

.icon-bg span:nth-child(2) {
    width: 300px;
    height: 300px;
    position: absolute;
    border-radius: 50% 30%;
    border:3px solid yellow;
    bottom: -100vh;
    top: auto;
    opacity: 0.3;
}
*/
.chabok-brand {
    float: right;
    width: 18%;
}

.chabok-nav-item {
    float: right;
    width:64%;
    text-align: right;
    padding: 0 50px 0 0;
}
.chabok-header-menu {
    float: right;
    width:18%;
    text-align: left;
}
.chabok-header a {
    color:#444;
}

.chabok-header ul {
    margin:0;
    padding:0;
}
.chabok-header ul li {
    padding:0;
    display: inline-block;
    font-size: 16px;
    line-height: 5;
    font-weight: normal;
}

.chabok-header ul li a {
    display: block;
    transition: color 300ms;
}

.chabok-header ul > li a {
    position: relative;
    transition: 100ms all;
    padding:0 15px;
}
.chabok-header ul > li a:hover,
.chabok-header ul > li a:focus {
    color:#000;
}

.chabok-header ul > li a span {
    position: relative;
    z-index: 2;
}
.chabok-header ul > li a:after,
.chabok-header ul > li a:before {
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
}
.chabok-header ul > li a:before {
    transition: all 200ms;
    width:0;
    height:0;
    top:auto;
    bottom: -4px;
}
.chabok-header ul > li.home-icon a span::after {
    content: '\f80c';
    font-family: 'font awesome 5 pro';
    margin-right: 9px;
    float: left;
    top: -2px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.chabok-header ul > li a:hover::after,
.chabok-header ul > li a:focus::after {
   /* background-image: url('img/pattern1.png');
    /* background-position: 520px 0;
    transition: background-position 15s linear; 
    background-color: rgb(254, 212, 47);
    background-image: linear-gradient(to right,rgb(247, 233, 30),rgb(254, 212, 47));
    */
}
.chabok-header ul > li a:focus::before,
.chabok-header ul > li a:hover::before {
    content: '';
    height: 4px;
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: -4px;
    background: #333;
    z-index: 3;
    border-radius: 13px;
    transition: all 200ms;
}
.chabok-header ul li.menu-item-has-children > ul li a:hover::after,
.chabok-header ul li.menu-item-has-children > ul li a:focus::after,
.chabok-header ul li.menu-item-has-children > ul li a::after,
.chabok-header ul li.menu-item-has-children > ul li a:focus::before 
.chabok-header ul li.menu-item-has-children > ul li a:hover::before
.chabok-header ul li.menu-item-has-children > ul li a:before  {
     content:none; 
}

.sub-menu .catalog-menu-btn a {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    display: block;
    font-family: 'iransans';
    background-color: rgba(255, 255, 255, 0.13);
    color: #fdd72c;
    transition: all 400ms;
}

.sub-menu .catalog-menu-btn a:hover {
    background-color: #fdd72c;
    color: #000;
    border-color: #000;
    transition: all 400ms;
}

.chabok-header ul li > ul {
    position: absolute;
    background-color: #111;
    z-index: 999;
    padding:12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    visibility: hidden;
    margin-top:10px;
    transition: ease 200ms;
    opacity: 0;
    width: 300px;
    clip: rect(0,0,0,0);
}

.chabok-header ul li:hover > ul,
.chabok-header ul li:focus > ul {
    visibility: visible;
    margin-top:1px;
    transition: ease 200ms;
    opacity: 1;
    clip: unset;
}

.sub-menu {
    text-align: left;
}

.chabok-header ul li > ul li {
    float: left;
    color: #fff;
    line-height: 2.5;
    width:100%;
    font-weight: bold;
}

.chabok-header ul li > ul li ul li {
    display: block;
    width:100%;
    font-weight: normal;
}

.chabok-header ul li > ul li a {
    color:rgb(230, 230, 230);
    font-size: 14px;
}

.chabok-header ul li > ul li a:hover,
.chabok-header ul li > ul li a:focus {
    color:rgb(254, 207, 0);
}
.chabok-header ul li > ul li a:hover::before,
.chabok-header ul li > ul li a:focus::before  {
    content:none;
}

.chabok-header ul li > ul::before {
 /*   content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #13192c; */
}

.chabok-foot-address {
    margin-bottom: 5px;
}

.chabok-header-menu {
    line-height: 2.3;
}
.chabok-header-menu a {
    font-size: 30px;
    text-align: center;
    display: inline-block;
    padding: 0 10px;
}

.chabok-header ul li ul li > ul,
.chabok-header ul li ul li:hover > ul {
    display: block;
    left: 0px;
    margin: 0px;
    padding-top: revert;
    padding-right: revert;
    padding-bottom: revert;
    position: relative;
    box-shadow: none;
    padding-left: 10px;
    visibility: visible;
    opacity: 1;
    margin-top:-2px;
}
p.chabok-centered {
    text-align: center;
}
.chabok-header-menu a.toggle-menu {
   display: none;
}
.chabok-page-content-row {
    float: left;
    width: 100%;
    margin: 45px 0;
}
h5.chabok-centered {
    text-align: center;
}
p.phone {
    direction: ltr;
}
p.chabok-centered.social-media a {
    font-size: 41px;
    margin: 0 11px;
    border: 1px solid;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    float: left;
    border-radius: 10px;
}
p.chabok-centered.social-media {
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.chabok-section-full-width {
    background:#f9f7ef;
}

.img-page {
    position: relative;
    padding: 0px;
    background: #fecb2f;
    border-radius: 15px;
}
.img-page img {
    position: relative;
    right: -20px;
    bottom: -20px;
    border-radius: 14px;
}
.aligned-right img {
    left: -20px;
    right: auto;
}
.chabok-section-full-width article {
    background: transparent;
    margin: 0px auto 40px auto;
    max-width: 1210px;
    padding: 0px 20px;
}

.chabok-contactus-section {
    background:#1c32db;

}
.chabok-feature-page-contactus {
    background: #fff;
    margin-top:0px;
    position: relative;
    z-index: 1;
    padding:50px 0;
}

.contact-form-box {
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 4px 14px 33px 6px rgba(0, 0, 0, 0.071);
}
.contactus-styled {
    position: relative;
    padding:0 20px;
}
.contactus-styled::after {
        content: '';
        background: #f4d420;
        position: absolute;
        left: 0px;
        right: 39px;
        bottom: 14px;
        top: -14px;
        z-index: 1;
        border-radius: 17px;   
}
.featured-page-article {
    position: relative;
    z-index: 2;
}
.featured-page-article .slogan-section {
    margin-top:20px;
}
.featured-page-article .slogan-section .chabok-col-20:first-child {
    padding-right: 0;
}
.featured-page-article .slogan-section .chabok-col-20:last-child {
    padding-left: 0;
}
.brandicon {
    border: 1px solid #ccc;
    padding: 5px 20px;
    border-radius: 11px;
}
.customer-pr-sec {
   margin-bottom: 23px;
}
.customer-pr-sec p, .customer-pr-sec h5 {
    margin: 0;
}

.chabok-contact-social {
    background:url('img/social-bg.png');
    background-size: 100% !important;
    padding-top: 150px;
    padding-bottom: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f9f7ef;
}
.chabok-contact-social p.chabok-centered.social-media a svg {
    width: 45px !important;
    height: 45px !important;
    transition: all 200ms;
}
.chabok-contact-social p.chabok-centered.social-media a:hover svg {
    fill:rgb(221, 26, 0);
    transition: all 200ms;
}
.contactus-box {
    width:100%;
    padding:0 20px;
}
p.contact-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.contact-row span.text-contact strong {
    display: block;
}
.contact-row span.icon-contact {
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    font-size: 22px;
    background: #fcda00;
    color: #000;
    margin-right: 20px;
}
.chabok-contact-flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.contactus-box h3 {
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}
.contactus-title, .contactus-btn-holder {
    color: #fff;padding: 30px;
}
.chabok-se-row-text.ch-se-row.chabok-se-row-8 .chabok-container {
    background: #eee;
    padding: 30px;
    border-radius: 13px;
}
.contactus-title {
    text-align: right;
}
.feature-excerpt {
    text-align: center;
    font-size: 18px;
}
.contactus-popup {
    display: none;
    position: fixed;
    width: 98%;
    max-width: 900px;
    top: 10%;
    left: 0;
    right:0;
    margin-left:auto;
    margin-right: auto;
    z-index: 999;
}
.contactus-popup::before {
    content: '';
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}
.contactus-popup-body {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 28px rgba(0,0,0,0.2);
    z-index: 99999;
    position: relative;
    transition: 300ms ease-in;
}
.contactus-popup-close {
    background: #000;
    color: #fff;
    padding: 0px;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms ease-out;
    font-size: 22px;
    cursor: pointer;
}
section .contactus-btn-holder .contactus-btn {
    background: none;
    border: 2px solid #fff;
    border-radius: 86px;
    color: #fff;
    font-size: 22px;
}
.chabok-home-slide .owl-prev {
    position: absolute;z-index: 999;top: 30%;background: transparent;color: #f0f0f0;font-size: 106px;right: 10%;
}
.chabok-home-slide .owl-prev {
    position: absolute;
    z-index: 999;
    top: 45%;
    background: transparent;
    color: #f0f0f0;
    font-size: 35px;
    right: 20px;
}

.chabok-home-slide .owl-next {
    position: absolute;
    z-index: 999;
    top: 45%;
    background: transparent;
    color: #f0f0f0;
    font-size: 35px;
    left: 20px;
    display: block;
}

.chabok-home-slide .slide-large {
    background-color: #13192c;
    width: 100%;
    float: right;
    height: 100%; 
    background-size: cover !important;
    background-position:center !important;
    background-repeat: no-repeat !important;
    background-color: #eae5e1;
}

.slide-large {text-align:left; }

.slide-large::before {
    content: '';
    /* background: rgba(0, 0, 0, 0.141); */
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
}

.slider-content-container {
    max-width: 1195px;
    height: 500px;
    padding: 100px 10px;
    margin: auto;
}

.video-slider-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 801;
    width: 50px;
    height: 50px;
    font-size: 49px;
    margin: auto;
}
.slider-content-container video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 802;
}
.slider-content-container video::before {
    content: '';
}

.icon-container-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.icon-container-flex .chabok-col-33 {
    margin-bottom: 10px;
}
.chabok-uses-iconbox {
    display: flex;
    align-items: center;
    font-size: 27px;
    background: #fff;
    color: #070707;
    min-height: 60px;
    margin-bottom: 0px;
    border-radius: 9px;
    height: 100%;
    border: 1px solid #666;
}
.chabok-uses-icon {
    padding: 0 10px;
}
.chabok-uses-iconbox h3 {
    font-size: 12px;
    color: #3a3a3a;
}
.slogan-section {
    float: left;
    width: 100%;
    margin-top: -81px;
    z-index: 99;
    position: relative;
    overflow: unset;
}
.chabok-iconbox-container {
    margin:auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.chabok-slogan-iconbox {
    height: 100%;
    text-align: center;
    background-color: #fed42f;
    background: linear-gradient(to right,rgb(247, 233, 30),rgb(254, 212, 47));
    padding: 15px;
    color:#000;
    border-radius: 10px;
    transform: translateY(0);
    transition: all 200ms;
}
.slogan-url:hover .chabok-slogan-iconbox ,
.slogan-url:focus .chabok-slogan-iconbox {
    transform: translateY(-10px);
    background: linear-gradient(to right,rgb(254, 237, 47),rgb(254, 237, 47));
    box-shadow: 0 0 15px #00000010;
    transition: all 200ms;
} 
.chabok-slogan-iconbox h3 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.chabok-slogan-icon {
    font-size: 43px;
    line-height: 1.4;
}
.slider-content-container h2 {
    font-size: 28px;
}

.slider-content-container p {
	font-size: 18px;
    margin-top:0;
}
.chabok-text-light h2 {
    color:yellow;
}
.chabok-text-light p {
    color:#ccc;
}
.chabok-service-section {
    padding-bottom: 100px;
}
.chabok-text-light .chabok-btn.yellow-btn {
    border:1px solid #fecb2f;
}
.chabok-text-light .chabok-btn.black-btn {
    border:1px solid #ccc;
}

.services-bg-text, 
.product-bg-text, 
.blog-bg-text {
    font-weight: 600;
    color: #f5f6f7;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #efefef;
    font-size: 180px;
    line-height: 1;
    max-height: 183px;
}
.services-bg-text {
    -webkit-text-stroke-color: #646262;
    text-align: center;
}
.blog-bg-text {
    -webkit-text-stroke-color: #39425f;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 9px;
    font-size: 90px;
}
.blog-bg-text h3 {
    font-size: 90px;
    margin: 0;
    line-height: 1.3;
}

.product-bg-text  {
    -webkit-text-stroke-color: #dedede;
    text-transform: fadeInLeft;
    text-align: center;
    margin-bottom: -150px;
}

.chabok-servises-title, 
.chabok-diseasess-title, 
.chabok-products-title,
.chabok-blog-title {
    position: relative;

}
.chabok-servises-title h2, 
.chabok-products-title h2, 
.chabok-blog-title h2 {
    position: absolute;
    top: 40px;
    font-size: 50px;
    left: 45px;
}
.product-items {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.product-items .chabok-col-20,
.product-items .chabok-col-25 {
    margin-bottom: 20px;
}
.chabok-blog-title h2 {
    color:#444;
}
.site-text {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 69px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #b3b3b3;
    font-weight: 900;
}
.chabok-service-box, 
.chabok-product-box,
.chabok-post-box {
    border: 1px solid #eee;
    text-align: center;
    min-height:250px;
    position: relative;
    direction: ltr;
    overflow: hidden;
    height: 100%;
}
.chabok-product-box {
    border-radius: 10px;
    border: 0;
    box-shadow: 0 0px 17px -17px rgba(0, 0, 0, 0.46);
    padding: 20px;
    background:#fff;
    margin-bottom: 20px;
    transform: translateY(0);
    transition: all 200ms;
}
.chabok-product-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 33px 16px -19px rgba(0, 0, 0, 0.41);
    transition: all 200ms;
}
.chabok-product-thumbs-holder {
    height: 250px;
    max-width: 275px;
    margin: auto;
    background-size: 99% !important;
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: ease-out 200ms;
}
.chabok-product-thumbs-holder i {
    font-size: 85px;
    margin-top: 76px;
    color: #777;
}
.chabok-more-product-items .chabok-product-title  {
    text-align: center;
}
.chabok-more-product-items .more-btn {
    width: 100%;
    text-align: center;
    background: transparent;
    box-shadow: none;
    border: 1px solid #ccc;
}
.chabok-more-product-items .more-btn:hover {
    background-color: #fecb2f;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09);
    border:0;
}
.chabok-product-box:hover .chabok-product-thumbs-holder {
    background-size: 107% !important;
    transition: ease-in 300ms;
}
.chabok-product-thumbs-holder.small-holder {
    height: 150px;
}
.fancybox-stage {
    background:#fff;
}
.fancybox-show-thumbs .fancybox-thumbs {
    background: #fff;
    border-top: 1px solid #eee;
}
.chabok-product-section-title {
        padding: 0 10px;
        margin-bottom: 25px;
}
.chabok-product-section-title h2 {
    font-size: 28px;
    position: relative;
}
.only-in-modal {
    display: none;
}
.chabok-product-modal.chabok-active,
.chabok-slogan-modal.chabok-active {
    visibility: visible;
    opacity: 1;
}
.chabok-product-modal,.chabok-slogan-modal {
    position: relative;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
}
#toc_container p.toc_title {
    text-align: right;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px;
}
#toc_container p.toc_title {
    text-align: right;
    margin: 0;
    padding: 0;
    background: #eee;
    padding: 10px;
    border-radius: 10px;
    border-bottom: 0;
}
.toc_title {
    cursor: pointer;
}
.toc_list {
    visibility: hidden;
    height: 0;
}
.toc_list.show-list {
    visibility: visible;
    height: auto;
    background: #eee;padding: 21px 35px;border-radius: 12px;margin-top: 13px;margin-bottom: 13px;
}

.chabok-se-row-product,
.chabok-se-row-faq {
    background: #eee;
    overflow: hidden;
    padding: 33px 0;
    margin: 40px 0;
}
.chabok-se-row-text.ch-se-row:last-child .chabok-container {
    background: #eee;
    padding: 43px;
    border-radius: 17px;
}
.chabok-se-row-faq .chabok-faq-content {
    background-color: #fff;
}
.chabok-se-row-text {
    margin: 45px 0;
}
.chabok-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}
  
.chabok-table th, .chabok-table td {
    text-align: center;
    padding: 8px;
}
  
.chabok-table tbody tr:nth-child(even){background-color: #f2f2f2}

.chabok-table thead tr {
    background: #000;
    color: #fff;
}
.action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 40px auto;
  max-width: 1000px;
  padding: 0 20px;
}

.action-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  border-radius: 12px;
  text-decoration: none;
  color: #333;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.action-card img {
  object-fit: cover;
  margin-bottom: 15px;
}

.action-card h3 {
  font-size: 1.1rem;
  font-weight: bold;
}

.action-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.chabok-product-share,.chabok-slogan-modal-content {
    clear: both;
    width: 100%;
    float: left;
    text-align: right;
    border-top: 1px solid #eee;
    position: fixed;
    top: 10%;
    bottom: 10%;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
    z-index: 999;
    max-width: 460px;
    max-height: 300px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.22);
    border-radius: 4px;
    transition: all 200ms;
    transform: translateY(100%);
}
.chabok-slogan-modal-content {
    top: auto;
    bottom: 0;
    height: auto;
    max-width: 1200px;
    border: 0;
    box-shadow: 0 0 31px #0000;
    border-radius: 15px 15px 0px 0px;
    bottom: 0;
    padding-bottom: 50px;
    margin-top: 0;
    max-height: 100% !important;
    margin-bottom: 0;
}
.chabok-modal-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.slogan-modal-text {
	padding-right: 45px;
	padding-left: 45px;
    border-left: 1px solid #eee;
}
.slogan-modal-icon {
    font-size: 70px;
    text-align: center;
}
p.slogan-modal-text {
    text-align: justify;
    text-justify: distribute;
    word-spacing: -1px;
}
.slogan-modal-title {
    text-align: center;
    font-size: 22px;
    font-weight: 800;
}
.chabok-slogan-modal.chabok-active .chabok-slogan-modal-content {
    transform: translateY(0);
}

.modal-header {
    text-align: left;
    padding: 10px;
    font-size: 17px;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
}
.slogan-toggle.chabok-active::before {
    content: '';
    background: rgba(0, 0, 0, 0.18);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101;
}
.slogan-modal-text p {
    text-align: justify !important;
    text-justify: distribute;
    word-spacing: -1px;
}

.close-share-modal,
.slogan-close-modal {
    float: right;
    top: 8px;
    position: relative;
    right: 8px;
    cursor: pointer;
}
.chabok-modal-content {
    float: right;
    width: 100%;
    padding: 0 11px;
}
.chabok-product-share-social {
    width: 100%;
    float: left;
    line-height: 1;
    text-align: center;
}
.chabok-product-share a {
    color: rgb(133, 133, 133);
    font-size: 28px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid;
    width: 50px;
    height: 50px;
    line-height: 2;
    margin: 6px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 28%;
    opacity: 0.99;
}
.chabok-product-short-link {
    width: 100%;
    text-align: center;
    float: right;
}
.share-toggle.chabok-active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.532);
    z-index: 999;
  }
.share-toggle {
    cursor: pointer;
}
.short-url {
    height: 38px;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    margin: 9px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #ccc;
    opacity: 0.99;
    line-height: 3;
    padding: 0 7px;
    font-size: 13px;
    cursor: pointer;
    max-width: 300px;
}
.chabok-product-share textarea {
    position: absolute;
    width: 0;
    height: 0;
    resize: none;
    background: none;
    border: none;
    max-width: 0;
    max-height: 0;
    top: -20px;
}

.chabok-product-modal.chabok-active .chabok-product-share {
    transition: all 200ms;
    transform: translateY(0%);
}
.chabok-product-title p {
    font-size: 14px;
    color: #666;
    margin: 0;
    text-align: left;
}
.chabok-product-hoverable {
    margin: 20px 0;
    text-align: right;
    float: left;
    width: 100%;
}
.chabok-product-hoverable i {
    float: left;
    font-size: 32px;
    padding: 8px 0;
}
.chabok-product-hoverable .wpulike {
 float: left;
}
.chabok-modal-content p {
    font-size: 15px;
    text-align: center;
}
.sec-title-with-bob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    align-items: center;
}
.sec-title-with-bob.pr-sec {
    margin-top: 50px;
    float: right;
    width: 100%;
    position: relative;
}
.pr-tit {
    position: relative;
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.pr-tit::after {
    content: '';
    background-image: url('img/dot-bg.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 200px;
    height: 200px;
    background-position: left top;
    z-index: 1;
    opacity: 1;
    left: auto;
    right: 10px;
    bottom: -25px;
    top: auto;
    transform: rotate(180deg);
  }
  .pr-tit p {
    padding-right: 40px;
    text-align: justify;
  }
.sec-title-with-bob .bob {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    position: relative;
    margin-right: 16px;
    transform: rotate(45deg);
}
.sec-title-with-bob .bob span {
    width: 18px;
    height: 18px;
    background: #545454;
    display: block;
    border-radius: 100px;
    position: absolute;
}
.sec-title-with-bob .bob span:nth-child(1) {
    left:0;
    top:0;
}
.sec-title-with-bob .bob span:nth-child(2) {
    right:0;
    top:0;
}
.sec-title-with-bob .bob span:nth-child(3) {
    right:0;
    bottom:0;
}
.sec-title-with-bob .bob span:nth-child(4) {
    left:0;
    bottom:0;
}

.sec-title-with-bob .bob span:nth-child(2),
.sec-title-with-bob .bob span:nth-child(4) {
    background:rgb(255, 183, 0);
}
.chabok-product-title h2 {
    font-size: 18px;
    color: #444;
    margin-bottom: 0;
    text-align: left;
}
.chabok-product-box.small-box h2 {
    height:58px;
}
.chabok-service-box.reusable-service-box {
    overflow: hidden;
    margin-bottom: 20px;
}
section.bg-white {
    background: #fff;
}

.chabok-blog-post {
    box-shadow: 0 0 14px #eee;margin-bottom: 20px;
}
.single-post-with-breadcrumb .chabok-breadcrumb.blog-bg {
    background-image: url('img/bg-blog.jpg');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    height:450px;
}
.blog-bg .chabok-single-title {
    text-align: center;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 200px;
    color: yellow;
}
.blog-bg p,
.archive-project-breadcrumb p {
    color:#eee;
    text-align: center;
}
.blog-page article {
    width:100%;
}
.chabok-post-box {
    background:#fff;
    border:0;
    box-shadow: 0 0 13px #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.chabok-service-item {

}

.chabok-about-text-blk {
    position: relative;
    padding: 27px 44px

}
.chabok-about-text-blk::before,
.chabok-about-text-blk::after {
  content: '';
  background-image: url('img/dot-bg.png');
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 0;
  width: 200px;
  height: 200px;
  background-position: left top;
  transform: rotate(0deg);
  z-index: 1;
  opacity: 1;
}
.chabok-about-text-blk::after {
    left: auto;
    right: 10px;
    bottom: 44px;
    top: auto;
    transform: rotate(180deg);
  }
.about-btn-divider {
    position: relative;
    float: right;
    width: 100%;
    z-index: 2;
}
.about-btn-divider a {
    float: right;
}
.about-btn-divider::before {
    content: '';
    background: #eee;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
  }
.chabok-service-title, .chabok-diseases-title, .chabok-post-title {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    width: 100%;
    align-items: center;
    height:100px;
}
.blog-items-container {
    width: 100%;
  }
.chabok-post-title {
        display: block;
        height: auto;
        overflow: hidden;
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 20px;
    
}
.img-standard-logo {
    width: 340px;
    margin-top: 14px;
    max-width: 340px;
}
.chabok-service-box h2, .chabok-diseases-box h2, .chabok-post-title h2 {
   font-size: 20px;
   color:#555;
   width:100%;
}
.chabok-diseases-box h2 {
    color:#fff;
}
.chabok-post-title h2 {
    margin-top:0;
    font-size: 16px;
    color: #555;
    width: 100%;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.chabok-post-title {
    text-align: left;
}
.chabok-post-title small {
    display: block;
    color:#666;
    margin-top: 15px;
    height:25px;
}
.chabok-service-hoverable, .chabok-diseases-hoverable {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(4, 4, 4, 0.812);
    height: 100%;
    padding: 15px;
    color:#fff;
    transition: top 300ms;
}

.chabok-diseases-hoverable {
    background-color: #13192c;
    background-image:url('img/pattern4.png');
    background-repeat: no-repeat;
    background-position: right -100px top -20px;
    color: #fff;
    text-align: left;
    text-justify: distribute;
}

.hoverable-title {
    color:yellow;
    font-size:22px;
    font-weight: bold;
}

.chabok-diseases-hoverable {}

.chabok-service-box:hover .chabok-service-hoverable, 
.chabok-diseases-box:hover .chabok-diseases-hoverable {
    top:0;
    transition: top 300ms;
}

.chabok-diseases-box:hover .chabok-diseases-hoverable {

}
.chabok-service-section {
    background: #222;
    margin-top: 28px;
    padding-top: 30px;
    padding-bottom: 50px;
}
.chabok-service-section .chabok-servises-title h2 {
    font-size: 25px;
    color: #000;
    background: #fdd01d;
    padding: 4px 29px;
    border-radius: 100px;
    margin: 71px auto;
    width: 350px;
    text-align: center;
    left: 0;
    right:0;
    font-weight: 800;
    border-top-right-radius: 0;
}

.chabok-service-section .chabok-service-box {
    border: 0;
    margin-bottom: 20px;
}
.chabok-service-section .chabok-service-title {
    position: absolute;
    bottom: 0px;
    color: #fff;
    background-image: linear-gradient(to bottom,#0000,#000);
}
.chabok-service-section  .chabok-servises-title {
    margin-bottom: 25px;
}
.chabok-service-section .chabok-service-box .chabok-service-icon img {
    width:100%;
    height:auto;
    margin:0px auto;
}
.chabok-service-section .chabok-service-box h2 {
    color:#fff;
}
.chabok-diseases-box .chabok-diseases-icon img {
    width:100%;
    height:100%;
    max-height:250px;
}

.chabok-blog-section {
    background-color: #fff;
    background-image: url("img/pattern3.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding-top:0px;
    padding-bottom: 30px;
    background-size: cover;
}

.chabok-next, .chabok-prev {
    position: absolute;
    top: 56%;
    background: #444;
    z-index: 99;
    text-align: center;
    font-size: 29px;
    color: #ccc;
    cursor: pointer;
    transition: all 300ms;
    border-radius: 100px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    left: -25px;

}

.chabok-product-section {
    background-color: #f2f3f5;
    background-image: url("img/pattern6.png");
    background-position: top left;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom: 80px;
}

.doctor-img {
    height: 180px;
    background-size: cover !important;
    background-position: top center !important;
    position: relative;
    overflow: hidden;
}


.doctor-img::before {
    content: '';
    width: 0;
    height: 0;
    border: 22px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 22px;
    border-bottom: 12px solid rgb(255, 255, 255);
    position: absolute;
    bottom: 0px;
    left: 40%;
    
}

.chabok-doctor-hoverable {
    position: absolute;
    text-align: center;
    width:100%;
    left:0;
    top:110%;
    transition: 200ms all;
}

.chabok-doctor-box:hover  .chabok-doctor-hoverable {
    top:40%;
}

.chabok-doctor-name {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    height: 110px;
    overflow: hidden;
}

.chabok-doctor-name h2 {
    font-size: 15px;
    text-align: center;
    padding: 4px 10px;
    width:100%;
    height: 50px;
    overflow: hidden;
    margin-top: 0;
}

.chabok-doctor-name small {
    position: relative;
    padding-left: 25px;
 }
 .chabok-doctor-name small:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid rgb(91, 10, 184);
    border-bottom: 10px solid transparent;
 }

.chabok-doctor-box {
    background: #fff;
    box-shadow: 0 0 17px #eee;
    margin-bottom: 15px;
    height:300px;
}

.chabok-diseases-section.term-diseases-section {
    background-color: #fff;
}
.chabok-diseases-section.term-diseases-section .chabok-diseases-thumbs-holder {
    max-height:200px;
}

.chabok-diseases-section.term-diseases-section .term-diseases-title {
    color:#000;
    left:0;
    right:0;
    top:0;
    position: unset;
}

.chabok-diseases-section.term-diseases-section , .chabok-doctor-section.term-doctor-section {
    padding-top:20px;
    padding-bottom: 20px;
}

.chabok-diseases-section.term-diseases-section  .diseases-bg-text,
.chabok-doctor-section.term-doctor-section .doctor-bg-text {
    font-size:130px;
}

.chabok-diseases-section.term-diseases-section .chabok-diseasess-title h2,
.chabok-doctor-section.term-doctor-section .chabok-doctors-title h2 {
    font-size: 30px;
    text-transform: uppercase;
}

.chabok-post-thumbs-holder {
    width:100%;
    height:180px;
    background-size:cover !important;
    background-position: center;
}

.chabok-post-more-link::after {
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    margin-left:10px;
}

.tour-icon-container {
    text-align: center;
    width:100px;
    height:100px;
    margin:10px auto;
}

.pd-rl:nth-child(1) {
    padding-left:0;
}
.pd-rl:nth-child(3) {
    padding-right:0;
}

.chabok-tour-box-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.chabok-tour-content {
    border:1px solid #eee;
    padding:30px;
    border-bottom: 4px solid #fecb2f;
}
.chabok-tour-content a img {
    transform: translateY(0px);
    transition: all 300ms;
}
.chabok-tour-content a:hover img {
    transform: translateY(-10px);
}

.chabok-tour-content h2 {
    font-size:20px;
}

.chabok-tour-content p {
    color:#666;
}

.chabok-tour-img-container,  .chabok-tour-content  {
    margin-top:10px;
    margin-bottom: 10px;
    height:400px;
    overflow: hidden;
    text-align: center;
    width:100%;
}

.chabok-tour-img-container {
    background-size: 100%;
    background-size: cover !important;
}

.chabok-qa-bg-holder {
    overflow: hidden;
    margin-top: -25px;
    margin-bottom: 30px;
    background-position: center left;
    background-repeat: no-repeat;
    position: relative;
    background-image: url('img/pattern2.png');
    background-color: #f9f7ef;
    padding-top: 33px;
    padding-bottom: 60px;
}

.chabok-bg-hold-qa {
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    bottom: 0;
}

.chabok-qa-box {
    padding: 40px 86px 45px 86px;
    background-color: #fff;
    background-image: url('img/pattern5.png');
    background-position: 422px 0px;
    background-repeat: no-repeat;
    border: 1px solid #333;
    border-radius: 10px;
}

.chabok-faq-bg {
    border-width: 1px;
    border-color: #dfdfdf;
    padding: 30px 35px 30px 35px;
    cursor: pointer;
    color: #13192c;
    font-weight: 600;
    padding: 23px 35px;
    border-top: 1px solid #dfdfdf;
    border-bottom: none !important;
    background-image: url('img/strock_pattern2.png');

}
.chabok-faq-content {
    border: 1px solid #555;
    border-radius: 10px;
    overflow: hidden;
  }
.chabok-qa-section .chabok-faq-q.chabok-faq-bg {
    background: #fff;
}

.chabok-faq-in-post {

    max-width:900px;
    margin:0 auto;
}

.chabok-btn-section-centered {
    margin:20px auto;
    text-align: center;
}
.chabok-faq-in-post .chabok-faq-bg {
    background-color: #eee;
    padding:5px 20px;
}

.chabok-faq-in-post .chabok-faq-q h4, .chabok-faq-in-post .chabok-faq-q h2 {
    font-size: 18px;
}

.chabok-faq-in-post h2.section-faq-title {
    text-align: center;
}
.chabok-faq-in-post h2.section-faq-title span {
    display: block;
}


.chabok-faq-q h4 , .chabok-faq-q h2 {
    font-size: 20px;
    margin:0;
    width:100%;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}

.sidebar-faq .chabok-faq-q h4,
.sidebar-faq .chabok-faq-q h2 {
    font-size:15px;
}

.chabok-faq-q h4 span, .chabok-faq-q h2 span {
    width:100%;
}

.chabok-faq-q h4::after , .chabok-faq-q h2::after {
    content:'\f067';
    font-family: 'Font Awesome 5 Pro';
    float: right;
    width:50px;

}

.chabok-faq-toggle.chabok-active h2::after,
.chabok-faq-toggle.chabok-active h4::after {
    content: '\f068';   
}


.chabok-faq-a {
    max-height:0;
    overflow: hidden;
    transition: all 600ms;
    padding: 0px 35px;
    border-top:1px solid #ccc;
    background:#fff;
}

.chabok-faq-a.chabok-active {
    max-height:300px;
    overflow: hidden;
    transition: all 600ms;
    border-top:1px solid #ccc;
}

.faq-box-loop {
    background:#f3f3f3;
    padding:20px;
    height:100%;
}

.chabok-counter-block {
    display: flex;
    position: relative;
    text-align: center;
}
.chabok-counter-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.chabok-count-bg {
    position: absolute;
    left: -35px;
    top: 0px;
    font-size: 160px;
    font-weight: 600;
    color: #ffffff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #efefef;
    line-height: 1.1;
    z-index: 1;
}
.chabok-counter-section {
    padding-bottom: 100px;
}
.chabok-count-num {
    font-size: 50px;
    font-weight: 600;
    color: #13192c;
    z-index: 2;
}

.chabok-count-small {
    padding-left: 10px;
    font-size: 16px;
    color: #565969;
    text-transform: uppercase;
    line-height: 5;
    z-index: 2;
}
.chabok-count-title {
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    color: #13192c;
    text-align: center;
    position: relative;
    z-index: 2;
}

.chabok-comment-container.chabok-active {
    position: relative;  
    display: flex;
    background-color: #13192c;
    background-image: url('img/revquote_white.png');
    box-shadow: 0 17px 20px rgba(21, 41, 106, 0.2);
    color: #fff;
    transition: all .6s;
}
.comment-content {
    width:80%;
    margin-left:5%;
    float: left;
}

.chabok-comment-author {
    font-size: 24px;
    color: #fecb2f;
    font-weight: bold;
}

.chabok-comment-container {
    display: flex;
    direction: ltr;
    padding: 40px;
    margin-bottom: 35px;
    box-sizing: border-box;
    border: 1px solid #d3d4d8;
    background-image: url('img/revquote_gray.png');
    background-repeat: no-repeat;
    background-position: right -50px top -40px;
    transition: all .6s;
}
.chabok-comment-container .avatar {
    width: 85px;
    height: 85px;
    overflow: hidden;
    float: left;
}

.chabok-next:hover, .chabok-prev:hover {
background: #edce02;
color:#555;
}
.chabok-next {
    right:-25px;
    left:auto;
}

.chabok-bg-blue {
    background-color: rgb(61, 128, 228);
}
.chabok-bg-gray {
    background-color: #ffffff;
}

.dotted-bg {
    position: relative;
}
.dotted-bg::before {
    content: "";
    position: absolute;
    display: block;
    top: 0%;
    right:0;
    width: 100%;
    height: 110%;
    background-size: 12px 12px;
    background-position: center;
    background-image: radial-gradient(#3D80E4 14%, transparent 14%);
    -webkit-mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
    mask-image: radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);
    z-index: 0;
}

.dotted-bg::before {
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%);
}

.dotted-bg.dotted-dark::before {
    background-image: radial-gradient(rgba(0, 0, 0, 0.88) 14%, rgba(255, 255, 255, 0.77) 14%);
}
.dotted-bg.dotted-dark.dotted-top-30::before {
    top:30px;
}
.dotted-bg.dotted-dark.dotted-left::before {
    left: 0;
    right:auto;
}

.chabok-icon-featured {
    text-align: center;background: #d6e8f9;padding: 23px;
}
.chabok-icon-featured i {
    font-size: 50px;
}

.chabok-title {margin-bottom: 20px;}

.archive-container {
    margin-top:-120px;
}
.chabok-term-bg-holder {
    width: 100%;
    min-height: 84vh;
    background-size: 100%;
    background-size: cover !important;
    position: relative;
    background-position:center right !important;
}
.chabok-term-bg-holder::before {
    content:'';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.4);
}
.chabok-term-main-content, .chabok-content-padder {
    padding: 25px 6%;
}

.why-you {
    padding:60px 0;
}
.chabok-why-content {

        overflow: hidden;
        background-image: none;
        position: relative;
}

.chabok-why-content .why-bg-1 {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url('img/map-of-iran-rhino.png');
}
.chabok-why-content .why-bg-2, .media-img-holder-reasons {
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.why-bg-2 {
    height:47%;
    border-radius: 10px;
}
.media-img-holder-reasons {
    height:100%;
    width:100%;
}
.why-btn {
    text-align: right;
    margin-top: 35px;
	margin-bottom:41px;
}
.flex-cert {
    display: flex;
}
.flex-cert a {
    width: 33.3333%;
    display: block;
    margin-right: 17px;
    border-radius: 14px;
}
.flex-cert .cert-div {
	width:33.333%;
	margin-right: 15px;
}
.flex-cert .cert-div.cert-last {
	margin-right:0 !important;
	margin-left:0 !important;
}
.cert-div a {
  width:100%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 0;
}
.flex-cert img {
	width:100%;
}
.flex-cert a:last-child {
    margin-right:0;
}

.chabok-why-text {
    padding: 75px;
    box-shadow: #ccc 0 0 5px;
    position: relative;
    min-height: 300px;
    color: #fff;
}
.chabok-why-text.dark-blk {
    background-color: #00060d;
}
.chabok-why-text.light-blk {
    background-color: #fdd01d;
    color: #333;
    border-radius: 10px;
    background-image: url('img/pattern5.png');
    background-position: 294px top;
    background-repeat: no-repeat;
    text-align: justify;
    text-justify: distribute;
}
.cert-title {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.cert-title span {
    padding:0 20px;
    background:#fff;
    position: relative;
    z-index: 2;
}
.cert-title::after,
.cert-title::before {
    content:'';
    background: #7d7c7c;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.cert-title::before {
    background: #fdc51d;
    width: 20px;
    right: auto;
    left: 0;
    height: 11px;
    z-index: 4;
    border-radius: 95px;
}
.chabok-why-text  p:nth-child(1) {
    font-size:22px;
    font-weight: bold;
}
.chabok-term-content-left {
    width: 40%;
    padding: 13% 6%;
    color: #fff;
    position: relative;
    z-index: 2;
}
.chabok-term-content-left p {
    font-size:19px;
}
.chabok-term-content-left h1, .chabok-term-content-left p {
    color:rgb(202, 202, 202);
}
/*
.archive-title {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 75px 15px;
    margin: 0 0 31px;
}
*/
.why-in-service {
    background-color: #13192c;
    background-image: url('img/pattern4.png');
    padding:22% 12%;
    background-repeat: no-repeat;
    background-position: right -100px top -20px;
    color:#fff;
}
.why-in-service h2 {
    color:#fff;
}
.bread-minw {
    min-height: 260px;
}
.project-breadcrumb {
    background-position: center;
    height: 500px;
    position: relative;
    background-size:cover !important;
}
.project-breadcrumb::before {
    content: '';
    background: rgba(0, 0, 0, 0.541);
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
}
.project-breadcrumb h1 {
    position: absolute;
    left: 0;
    right: 0;
    width: 500px;
    margin: auto;
    bottom: 20%;
    top: auto;
    height: 67px;
    font-size: 22px;
    background: #000;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.project-content {
    padding-right: 41px;
}
.service-post-img-holder img {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 460px;
    contain-intrinsic-size: 460px auto;
}
.chabok-col-100.psr .chabok-service-icon {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.918);
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100px;
    border: 5px solid #ccc;
    position: absolute;
    right:10%;
    top:20px;
}
.chabok-col-100.psr .chabok-service-icon.service-default-icon {
    background-size:cover;
}
.single-iconbox .items {
    font-size: 15px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
}
.product-iconbox-items {
    border: 1px solid #444;
    padding: 2px 15px;
    border-radius: 24px;
    margin-top: -3px;
}
.page-title, .archive-title, .archive-excerpt {
    text-align: center;
    margin: 0;
    padding: 10px 15px 10px;
    color: #444;
}
.archive-title, .archive-excerpt {
    padding: 0px 15px;
}
.page-subtitle {
    font-size: 18px;
    text-align: center;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: -22px;
    color: #555;
    font-weight: 400;
}
.term-title {
    margin:0;
}
article.chabok-full-width {
    width:100%;
}
article.chabok-full-width.chabok-with-aside {
    overflow: hidden;
}
.product-title {
    padding-bottom: 15px;
    color:#333;
}

p.p-center, .p-center p {
    text-align: center;
}

.chabok-title span.title {
        background: #a4002e;
        color: #fff;
        padding: 4px 25px;
        position: relative;
        border-top-left-radius: 10px;
        font-size: 17px;
        display: inline-block;
        height: 39px;
        line-height: 1.9;
}
.chabok-title span.title-icon {
    font-weight: normal;
    color: #a4002e;
    font-size: 14px;
    line-height: 3;
}
.chabok-title::after {
    content:"";
    display: block;
    height: 2px;
    margin-top:2px;
    background-color: #a4002e;;

}

.product-spec::before {
    content: "\f0ca";
    margin-right: 7px;
}

.chabok-product-section,.chabok-uses-section {
    background: #f9f7ef;
    padding: 30px 0;
}
.chabok-uses-section p {
    margin-top:0;
}
.chabok-uses-section h2 {
    text-align: center;
    margin-bottom: 25px;
}
.chabok-uses-section .desc {
    text-align: justify;
    text-justify: distribute;
}

.chabok-title span.title::after {
    border-bottom: 39px solid #a4002e;
    border-right: 65px solid transparent;
    border-left: 0px solid transparent;
    height: 0;
    width: 65px;
    content: "";
    position: absolute;
    top: 0;
    right: -65px;
    height: 39px;
}

.product-img-cover {
    width: 100%;
    height:300px;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 9px #eee;
    border-radius: 3px;
}
.chabok-product,.chabok-post {
    padding:10px 0;
    overflow: hidden;
}
.chabok-product-detaile {
    background:linear-gradient(#ffffff,#fbfbfb,#f0f8ff);
    height: 300px;
    position: relative;
    z-index: 2;
    box-shadow: #eee 0 0 9px;
}
.chabok-product-detaile:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    transform: rotate(45deg);
    background: #fbfbfb;
    top: 42%;
    right: -9px;
}
.chabok-product-detaile h2, .chabok-product-detaile p , .chabok-product-detaile ul,
.chabok-product-detaile h6 {
    z-index: 2;
    position: relative;
    margin:0;
}
.chabok-product-detaile h6 {
    padding: 10px 20px;
}
.chabok-loop-product {
    text-align: center;
    padding-top:20px;
    position: relative;
    box-shadow: #eee 0 0 10px;
    background-color: #fff;
    background: linear-gradient(#fff,#fff,#fff);
    height: 100%;
}
.archive-container .chabok-loop-product {
    box-shadow: #d0d0d0 0 0 10px;
}
.chabok-loop-pr-link:hover  .chabok-loop-product {
    box-shadow: #ccc 0 0 10px;
}

.archive-container .chabok-loop-pr-link:hover  .chabok-loop-product {
    box-shadow: #9e9e9e 0 0 10px;
}

.chabok-loop-product h3 {
    line-height: 2;
    font-size:16px;
    padding:20px 15px;
    height: 95px;
    overflow: hidden;
}
.chabok-product-slider .chabok-loop-product img {
    height: 150px;
    width: auto;
    margin:0 auto;
}
.chabok-icon-text.b-flag img {
    border-radius: 4px;
}
.chabok-product-detaile h2 {
    padding: 20px 20px 10px;
}
.chabok-product-detaile p {
    padding:0 20px 10px;
}
.chabok-slide-item {
    padding:5px;
    position: relative;
}
.chabok-product-container {
    padding:5px;
}
.owl-dots button {
    box-shadow: none;
    border:0;
}
.tabed {
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: 17px;
    margin:0 0 20px;
}
.tabed.tabed-single {
    text-align: right;
    padding:0;
}

.tabed li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    padding:10px;
    font-weight: bold;
}
.tabed.tabed-single li {
    margin:0;
}
.tabed li:nth-child(1):after {
    content:"";
    display: block;
    position: absolute;
    right: 0;
    bottom:-1px;
    height: 2px;
    background: blue;
    width: 100%;
}

/* article post */
.chabok-post {
    background: #fff;
    padding: 0px;
    width: 70%;
    border-radius: 10px;
}
aside.sidebar {
    width: 28%;
    margin-top: 15px;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
aside.sidebar.ftr.no-border {
  border-color: transparent;
}
.chabok-widget {
    margin-bottom: 30px;
}
.widget-title {
    padding-bottom: 10px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.chabok-footer .logo-widget {
    /*filter: invert();*/
}
.chabok-footer-widget-container .chabok-col-20:nth-child(5) {
    width: 100%;
    clear: both;
}
.chabok-footer-widget-container .chabok-col-20:nth-child(5) h5 {
    float: right;
}
.chabok-footer-widget-container .chabok-col-20:nth-child(5) .menu {
    display: flex;
    list-style: none;
    padding: 0 10px;
}
.chabok-footer-widget-container .chabok-col-20:nth-child(5) .menu li {
    margin: 0 7px;
}
.chabok-footer .widget-title {
    color:#c8c8c8;
    font-size:22px;
}
.number-ltr {
    direction: ltr;
    text-align: left;
    display: flex;
}
.standard-item {
    padding: 21px 0;
    text-align: right;
    display: flex;
}
.standard-item .st-title {
    background:#333;
    color:#fff;
}

.standard-item .st-title, .standard-item span {
    border: 1px solid #333;
    padding: 6px 10px;
}
.chabok-footer .widget-title::after {
    content:none;
}

aside.sidebar .chabok-widget ul {
    margin-top:0;
    padding-left: 15px;
}
aside.sidebar .chabok-widget ul li {
    padding:0;
}

.footer-phone {
    margin-bottom: 6px;
}
.footer-address {
    margin-top: 7px;
    margin-bottom: 1px;
}
.chabok-footer {
    background-color:#1a1a1a;
    padding: 120px 0px 0;
    overflow: hidden;
    color: #9ca5af;
    float: left;
    width: 100%;
}
.header-btn {
    margin-left: 15px;
    background:transparent;
    border:1px solid #555;
    width: 100%;
    max-width: 145px;
    padding: 15px 6px;
}
.header-btn:hover {
    background: #fecb2f;
}
.chabok-footer-widget-container {
    overflow: hidden;
    padding:0 20px;
}
.chabok-footer-widget-container .chabok-footer-widget:first-child{
    width:35%;
}
.chabok-footer-widget-container .chabok-footer-widget:nth-child(4) {
    width:25%;
}
.chabok-footer a {
    color: #9ca5af;
}

.chabok-footer.footer-new-style {
    background:#740000;
    color:#fff;
}
.chabok-footer.footer-new-style h4 {
    color:#fff;
}
.subscribe-form input {
    border: 0;
    margin-left: -10px;
}
.subscribe-form input[type="button"] {
    background: #6ebbea;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.chabok-social {
    text-align: center;
    margin-bottom: 10px;
}
.chabok-social i {
    font-size: 36px;
    margin: 0 3px;
}

.footer-widget h4 {
    position: relative;    
    color: #a4002e;
}

.footer-widget h4::after {
    content: "";
    height: 2px;
    width: 21%;
    position: absolute;
    background: #a4002e;
    top: 19px;
    margin-left: 7px;
}

.footer-img {
    width:200px;
    margin:0 auto 20px auto;
}
.chabok-copyrights {
    float: left;
    overflow: hidden;
    margin-top:30px;
    width:100%;
    background-color:#1a1a1a;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0;
}
.chabok-developer-copyrights {
    padding: 20px;
    text-align: right;
}
.chabok-copyrights-text {
    padding:18px;
}

.chabok-footer.chabok-footer.footer-new-style .chabok-copyrights {
    background: #410000;
}

.chabok-footer-social {
    text-align: right;
}
.chabok-footer-social a {
        font-size: 30px;
        padding: 0 12px;
        border-left: 1px solid #555;
        text-align: center;
        float: right;
        min-width: 68px;
}

.chabok-footer-social a:hover,
.chabok-footer-social a:focus {
    color:yellow;
}

img.namad {
    width:130px;
    height:auto;
}

.chabok-about-section {
    /* background-image: url('img/pattern2.png'); */
    background-position: center left;
    background-repeat: no-repeat;
    padding-top:65px;
    padding-bottom: 20px;
}

.chabok-about-section h3 {
    color: #999;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: normal;
}

.chabok-about-img-container {
    padding-left: 30px;
}

.about-img-logo {
	position: absolute;
	right: 20px;
	top: 29px;
	width: 55px;
}

.img-about {
    width: 55%;
	padding-left:5px;
    background-size: cover !important;
    background-position: center !important;
}
.desc-about {
    width: 45%; 
    padding: 0 0px 0 10px;
}
.desc-about .btn-new-style {
    margin-bottom: 15px;
}

.desc-about .inner-bx {
    position: relative; padding: 30px; 
    border-radius: 10px;
    box-shadow: 0 0 5px #eee;
    border: 2px solid #a4002e;
    height: 100%;
}

.chabok-icon-bx {
        text-align: center;
        padding: 10px;
        border-radius: 13px;
        box-shadow: 0 0 5px #eee;
        position: relative;
        overflow: hidden;
        border: 2px solid #a4002e;
		height:100%;
}
.chabok-icon-bx::before {
    content: "";
    display: block;
    width: 300px;
    height: 400px;
    position: absolute;
    top: -409px;
    left: -130px;
    background: #a4002e;
    transform: rotate(45deg);
	z-index:1;
	transition: all 300ms;
}

.chabok-icon-block {
	margin-left:auto;
}

.chabok-icon-block a, .chabok-icon-block h2 {
	transition: color 130ms;
}

.chabok-icon-block a:hover .chabok-icon-bx::before,
.chabok-icon-block a:focus .chabok-icon-bx::before {
	top:-72px;
	left:-40px;
}

.chabok-icon-block a:hover, .chabok-icon-block a:focus,
.chabok-icon-block a:hover i, .chabok-icon-block a:focus i,
.chabok-icon-block a:hover h2, .chabok-icon-block a:focus h2 {
		color:#fff;
}


.chabok-icon-bx i {
    font-size:50px;
	z-index:2;
	position:relative;
}
.chabok-icon-bx h2 {
    font-size: 18px;
	z-index:2;
	position:relative;
}


.btn-new-style {
    border-radius: 0;
    padding: 5px 20px;
}

#towbanner img {
    box-shadow: 0 0 9px #eee;
    border-radius: 3px;
}

.chabok-toggle-menu {
    display: none;
    cursor: pointer;
}

.chabok-attr-row {
    width: 100%;
    float: left;
    background-color: #eee;
    padding: 10px;
}
.chabok-attr-row:nth-child(even) {
    background-color: #fff;
}

  
  /* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: #555;
    visibility: hidden;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0px;
    transition: opacity 300ms;
}

.tabcontent.active {
      visibility: visible;
      height:100%;
      width:100%;
      overflow: auto;
      opacity: 1;
	  clear:both;
}

.chabok-tab-bar {
      width:100%;
      margin-top:30px;
      padding:0;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center;
}

ul .tablink {
    background: #f4cb20;
    color: #333;
    padding: 4px 25px;
    position: relative;   
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    min-width: 20%;
    width:max-content;
    border-radius: 0;
    list-style: none;
    border-right: 1px solid #ccc;
    height: 39px;
    font-size:15px;
    line-height: 2.1;
    border-radius: 10px 10px 0 0;
    margin: 0px 5px;
}
#sizes .chabok-attr-row {
    background: transparent;
    border: 1px solid #ccc;
    padding: 0;
    text-align: center;
}
#sizes .attr-val {
    border-right: 1px solid #ccc;
    padding: 4px;
}

  .chabok-tab-bar::after {
    content: "";
    display: block;
    height: 2px;
    background-color: #eee;
    position: absolute;
    width: 100%;
    bottom: -3px;
}

.tablink:hover, .tablink.active, .tablink:focus {
    background-color: #000000;
    color:#fff;
}

article.products {
    margin-top: -130px;
    padding: 0px;
    border-radius: 11px;
}
article.products header {
    margin-top: 39px;
}
.chabok-content table {
    max-width:1200px;
    margin:0 auto;
}

#breadcrumbs{
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    align-items: baseline;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-left:12px;
    min-width: max-content;
}
  
#breadcrumbs .separator{
    font-size:15px;
    font-weight:100;
    color:#333;
}
.breadcrumbs a, .breadcrumbs {
    color:#333;
}
.project-breadcrumb .breadcrumbs a,
.project-breadcrumb .breadcrumbs,
.project-breadcrumb #breadcrumbs .separator,
.blog-bg .breadcrumbs a,
.blog-bg .breadcrumbs,
.blog-bg #breadcrumbs .separator,
.archive-project-breadcrumb a,
.archive-project-breadcrumb #breadcrumbs .separator,
.archive-project-breadcrumb .breadcrumbs {
    color:#fff;
}
.project-title-desc {
    margin-top: 150px;
    padding: 0 10px;
    text-align: center;
}
.archive-project-breadcrumb {
   
    background-size: cover !important;
    height: 450px;
}
.archive-project-breadcrumb .chabok-single-title {
    text-align: center;
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 200px;
    color: yellow;
}
.post-type-archive-projects .chabok-service-section {
    background:transparent !important;
}
.project-title-desc h2 {
    color: yellow;
}
.project-title-desc p {
    color: #eee;
}
.chabok-breadcrumb {
    margin-top: 15px;
    margin-bottom: -6px;
    color:#333;
}
.breadcrumbs strong {
    font-weight: normal;
}
.single-product-with-breadcrumb article.products,
.single-post-with-breadcrumb article.post {

}
section.single-product,
section {
    float: left;
    width:100%;
}
.chabok-single-title {
    float: left;
    max-width:70%;
    color:#fff;
    padding:0 10px;
    margin: 25px 0;
}
.category.chabok-category.chabok-archive .chabok-single-title {
	color:#444;
}
.single.single-post .chabok-single-title {
    max-width:100%;
    color:#444;
    font-size: 27px;
}

.single-product-with-breadcrumb .chabok-breadcrumb,
.single-post-with-breadcrumb .chabok-breadcrumb {
    /* background-image: url('img/pattern.png'); */
    background-image: linear-gradient(to bottom,#f4d420,#f4c920,#f4c920);
    margin: 0;
    color: #333;
    text-align: left;
    padding: 29px 0px 120px;
    margin: 0 0 31px;
    background-color: #f4c920;
    background-size: cover;
}
.single-post-with-breadcrumb .chabok-breadcrumb.ser-bread {
  padding-bottom: 10px;
}
.feature-excerpt.ser-excerpt {
  padding: 0 10px;
}
.chabok-search.single-post-with-breadcrumb .chabok-breadcrumb {
    padding-bottom: 50px;
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  .fancybox-thumbs__list a::before { 
    border: 2px solid #ac0319;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }

  button.fancybox-button {
      box-shadow: none;
  }
 
#chabok-product-gallery-slider {
    margin-bottom:30px;
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
}  


.post-category, .post-tag {
    line-height: 2.5;
}
.post-category a, .post-tag a {
    position: relative;
}
.post-category a::after, .post-tag a::after {
    content: "";
    height: 1px;
    border-bottom: 1px dashed #df7f7f;
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
}
.single-post-meta {
    margin:25px 0;
}
span.categories, span.tags {
        font-weight: bold;
        background: #eee;
        padding: 3px 10px;
        border-radius: 20px;
        margin-right: 5px;
        min-width: max-content;
}

.chabok-search-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index: 999;
    left: 0;
    right: 0;
    text-align: center;
    width:0;
    padding:0;
    height:0;
    transition: height 300ms;
    top:0px;
    color:#000;
    clip: rect(0,0,0,0);
}
.chabok-search-container.chabok-active {
    width:100%;
    height:80px;
    transition: height 300ms;
    clip: unset;
}

#chabok-user {
	cursor:pointer;
}
#searchform {
    max-width: 1200px;
    margin: auto;
}
#chabok-search-btn.chabok-active i {
    position: absolute;
    z-index: 9999;
    color:#666;
    font-size: 44px;
    right:100px;
    top:24px;
}
#chabok-search-btn.chabok-active i::before {
    content:"\f00d";

}

.chabok-search-container label {
    display: none;
}

.chabok-search-container input#s {
    width: 100%;
    background: transparent;
    border: 0;
    padding:18px;
    border-radius: 0;
    font-size:22px;
    color:#000;
}

.chabok-search-container input#s::placeholder {
    color:#444;
}

#chabok-search-btn {
    cursor: pointer;
} 

section.chabok-404-not-found {
    background: #13192c;
    margin-bottom: 0;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-top:100px;
    padding-bottom: 100px;
}

section.chabok-404-not-found a {
    color:#aaa;
}
section.chabok-404-not-found a:hover {
    color:#fff;
}
.chabok-404-circle {
    text-align: center;
    margin: 25px auto auto;
    display: inline-block;
    font-size: 75px;
    font-weight: 600;
    color: #f5f6f7;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #efefef;
    font-size: 180px;
    line-height: 1;
    max-height: 183px;
}
.not-found-title {
    text-align: center;
    color:#aaa;
    
}

.chabok-404-page {
    text-align: center;
}

#chabok-search-btn.active {

}

/* comment form */
.comments-area p label {
    display: block;
}

.chabok-comment-form textarea {
    width:100%;
    height:120px;
}
.chabok-comment-form input[type='text'] {
    width:100%;
}

.comment-form-comment {
    padding:0 10px;
}
.comment-form-author,.comment-form-email,.comment-form-url {
    margin:0;
    float: left;
    padding:0 10px;
    width:50%;
}
.comment-form-cookies-consent {
    clear: both;
    width:100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    margin:0;
    padding:15px 10px;
}
.comment-form-cookies-consent input {
    margin: 10px;padding: 10px;
}
p.form-submit {
    text-align: center;
}

.chabok-no-comment {
    border-radius: 10px;
    padding: 20px;
    height: 100%;
}
.no-comments {
    font-size: 95px;color: #ccc;text-align: center;padding-top: 10%;
}
.no-comment-text {
    text-align: center;color: #aaa;font-size: 16px;
}

.chabok-comments .comments {
	 display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.comment-respond {
    background: #f8f8f8;
    padding: 16px;
    border-radius: 10px;
}

.chabok-comment-list, .chabok-comment-list li {
    padding:0;
    margin:0;
    list-style: none;
}
.chabok-comment-list li {
    margin-top:20px;
}
.avatar-block {

}
.avatar-block img {
    width: 44px;
    border-radius: 50%;
}
.comment-meta.commentmetadata {
    font-size: 11px;
    position: absolute;
    top: 22px;
    left: 75px;
}
.comment-block {
    position: relative;
    background: #f8f8f8;
    
    border-radius: 10px;
    padding: 21px;
}
.comment-body {

}
.comment-author.vcard {
    position: absolute;
    top: 37px;
    left: 75px;
}
.rtl .comment-meta.commentmetadata,
.rtl .comment-author.vcard {
    right:75px;
    left:auto;
}
select#rating {
  width: 100%;
  padding: 8px;
}
.comment-form-rating {
  padding: 0 10px;
}
.single-post-comment .wpulike-animated-heart button.wp_ulike_btn {
  background: none !important;
  box-shadow: none !important;
}
.single-post-comment .comments .chabok-col-50 {
    width:100%;
    padding:0;
}
.rtl .comment-block .wpulike.wpulike-animated-heart {
    position: absolute;
  left: 0;
  top: 0;
}
.chabok-list-item {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.chabok-list-item:last-child {
    border-bottom: 0;
}

.chabok-list-img-container {
    margin-right:15px;
    overflow: hidden;
    height: 150px;
}

.chabok-dr-iconbox {
    width: 30%;
    margin-top:-25px;
}

.chabok-dr-text {
    padding:60px;
    font-size:19px;
}
.chabok-dr-text p i {
    font-size: 44px;
    position: relative;
    top: 11px;
}
.chabok-dr-text p.dr-bio i {
    top:8px;
}
.dr-bio {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 7px;
}
.chabok-dr-bio-image {
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
}
.chabok-full-bio {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.25s ease-out;
}
.chabok-full-bio.chabok-show-bio {
    max-height: 100%;
    overflow: unset;
    transition: max-height 0.25s ease-in;
}

.chabok-dr-text .dr-lang span,
.chabok-loc, .dr-specialty a {
    display:inline-block; margin:0 10px;
    background:#fbbb00;
    color:#fff;
    padding:0 10px;
}
.chabok-loc {
    background:#003a46;
}
.dr-specialty a {
    background: #007bb5;
    transition: 300ms all;
}
.dr-specialty a:hover {
    background: #035a32;
}

.dr-social-title {
    margin-bottom:13px;
}
.chabok-dr-icon-holder {
    display: inline-block;
    line-height: 1.5;
}

.chabok-dr-social .chabok-dr-icon {
    font-family: "Font Awesome 5 Brands";
    font-size:30px;
    color:#fff;
    display: block;
    transition: all 300ms;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px;
}
.chabok-dr-social .chabok-dr-icon:hover {
    background:#fff;
    color:#000;
}
.chabok-dr-social .chabok-facebook::before {
    content: "\f39e";
}
.chabok-dr-social .chabok-twitter::before {
    content: "\f099";
}
.chabok-dr-social .chabok-instagram::before {
    content: "\f16d";
}

.chabok-dr-social .chabok-telegram::before {
    content: "\f3fe";
}


.chabok-diseases-poster {
    background-size: cover !important;
    min-height: 360px;
    background-position: right center;
    overflow: hidden;
}

.chabok-media-block {
    overflow: hidden;
}
.media-block-common {
    background:#116ba7;
    color: #fff;
    height:100%;
    padding:10%;
}
.media-block-common strong {
    font-size:21px;
    font-weight: bold;
}

.media-block-blue {
    background: #852fdb;
    color: #fff;
    height:100%;
    padding:10%;
}
.chabok-media-blue {
    background: #852fdb;
}

.media-block-1, .media-block-5,.media-block-9 {
    background: #01496b;
}

.media-block-3, .media-block-7, .media-block-11 {
    background: #860143;
}

.media-block-2, .media-block-4, .media-block-6, .media-block-8 {
    background: #ececec;
    color:#000;
}
.media-block-2 a, .media-block-4 a, .media-block-6 a,.media-block-8 a {
    color:#444;
}
.media-block-2 a:hover, .media-block-4 a:hover, .media-block-6 a:hover,.media-block-8 a:hover {
    color:rgb(0, 0, 0);
}

.media-block-1 a, .media-block-3 a, .media-block-5 a,.media-block-7 a, .media-block-11 a {
    color:rgb(224, 224, 224);
}
.media-block-1 a:hover, .media-block-3 a:hover, .media-block-5 a:hover,.media-block-7 a:hover, .media-block-11 a:hover {
    color:rgb(255, 255, 255);
}


.chabok-flex-reverse-even:nth-child(even) .chabok-flex {
    flex-direction:row-reverse;
}

.media-block-1 a:hover, 
.media-block-2 a:hover, 
.media-block-3 a:hover,
.media-block-4 a:hover,
.media-block-5 a:hover,
.media-block-6 a:hover {
    color:#fff;
}


.media-block-blue strong {
    font-size:19px;
    font-weight: bold;
}
.media-block-h100 {
    height:100%;
}

.item-baseline {
    align-items: center;
}

.video-holder {
    background:#111;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.video-holder video{
    width:100%;
    height:auto;
}
.media-img-holder {
    background-image:url('img/revquote_white.png');
    width: 100%;
    height: 100%;
    background-size:cover !important;
}


.chabok-cycle-icon {
    font-family: "Font Awesome 5 pro";
    font-size: 26px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    position: relative;
    top:3px;
}
.chabok-cycle-iconbox {
    padding:0 0 20px 0;
}

.chabok-cycle-title {
    font-weight: bold;
    color:rgb(255, 217, 0);
    font-size: 18px;
}
.chabok-cycle-value {
    font-size:18px;
}

.chabok-time-icon::before {
    content: '\f017';
}
.chabok-leaf-icon::before {
    content: '\f6f7';
}
.chabok-temp-icon::before {
    content: '\f2c7';
}
.chabok-heart-icon::before {
    content: '\f21e';
}
.chabok-back-icon::before {
    content: '\f2ea';
}
.chabok-hourglass-icon::before {
    content:'\f254';
}
.chabok-gear-icon::before {
    content:'\f013';
}
.chabok-info-icon::before {
    content: '\f05a';
}

.diseases-content h2 {
    border-bottom: 2px solid green;padding: 13px 0;
}

/*-----------------------------------*\
Contact Form 7
\* ----------------------------------*/

.chabok-cf7 {
    background:#f8fbfd;
}
.chabok-cf7-inner {
    padding:30px;
    position: relative;
    overflow: hidden;
}
.chabok-cf7-inner::after,.chabok-cf7-inner::before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    display: block;
    background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 15px, transparent 15px, transparent 25px, #83B3DB 25px, #84ADCB 40px, transparent 40px, transparent 50px);
}
.chabok-cf7-inner::after {
    left:0;
    top: 0;
}
.chabok-cf7-inner::before {
    right:0;
    top: -13px;
    transform: rotate(180deg);
}
.wpcf7-form-control.wpcf7-select,
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.chabok-cf7::after,.chabok-cf7::before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 15px, transparent 15px, transparent 25px, #83B3DB 25px, #84ADCB 40px, transparent 40px, transparent 50px);
}
#post-282 {
    background: #fff;padding: 20px;margin-top: -100px;border-radius: 10px;
}
.wpcf7 .chabok-col-25,
.wpcf7 .chabok-col-50 {
    margin-bottom:20px;
}
.wpcf7 .chabok-col-25 input,
.wpcf7 .chabok-col-50 input,
.wpcf7 .chabok-col-25 textarea,
.wpcf7 .chabok-col-50 textarea {
    width:100%;
}

.wpcf7 textarea {
    height:150px;
}

/* author */
.author-avatar {
    text-align: center;
}
.author-avatar img {
    border-radius: 50%;
    width: 96px;
    height: 96px;
}
.author-avatar h3 {
    color:#fff;
}

.pagination {
    text-align: center;
}
.pagination .page-numbers {
    background: #a4002e;
    padding: 4px 13px;
    border-radius: 4px;
    color: #fff;
    transition: 300ms all;
}
.pagination .page-numbers.current,.pagination .page-numbers.current:hover {
    background:#393939;
}
.pagination .page-numbers:hover {
    background: rgb(4, 104, 4);
}

.chabok-sharing .chabok-facebook {
    background: #3B5998;
}
.chabok-sharing .chabok-twitter {
    background: #55ACEE;
}
.chabok-sharing .chabok-linkedin {
    background: #007bb5;
}
.chabok-sharing .chabok-telegram {
    background: #56b5fb;
}
.chabok-sharing .chabok-instagram {
    background: #a81b8b;
}
.chabok-sharing .chabok-icon {
    color: #fff;
    opacity: 0.7;
    padding: 8px;
    font-size: 30px;
    width: 46px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 5px;
    transition: 600ms all;
}
.chabok-sharing .chabok-icon:hover,
.chabok-sharing .chabok-icon:focus {
    opacity: 1;
    color:#fff;
}

.product-post-sharing {
    margin-top:40px;
    text-align: center;
}
.chabok-footer-social .chabok-icon {
    font-size: 22px;
    width: 38px;
}

.single-iconbox {
    display: flex;
    align-items: center;
    font-size: 24px;
    right: 25px;
    position: absolute;
    z-index:3;
}

.counter-hidden .count-box {
    display: none;
}
.chabok-product-like  {
    margin-right: 15px;
}
.wp_ulike_btn::after {
    content: "\f004" !important;
    background: none !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 25px;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: unset !important;
    position: relative !important;
}
.wp_ulike_btn:hover {
    transform: unset !important;
}
.wp_ulike_btn.wp_ulike_btn_is_active::after {
    content: "\f004" !important;
    font-weight: bold;
    color: #fb0000;
}

.chabok-loop-like {
    direction: rtl;
    position: absolute;right: 12px;font-size: 23px;top: 0px;color: #b30000;z-index:9;
}
.chabok-loop-like .wpulike-heart .wp_ulike_put_image {
	width: 48px;
	height: 48px;
}

.chabok-loop-like .wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
}

.chabok-loop-like .wpulike-heart .count-box {
    visibility: hidden;
}

.mobile-sharing-btn {
    display: none;
}
.developer-c {
    text-align: left; padding-left: 50px;
}

.wp-signup-container {
    margin: 30px auto !important;
    max-width: 400px;
    font-size: 14px !important;
}

.wp-signup-container h2 {
    font-size: 16px;
}

.mu_register label {
    margin-bottom: 0 !important;
    font-size: 13px !important;
}

.mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name {
    font-size: 19px !important;
    margin: 0px 0 !important;
}

.gallery-item {
    width: 31.333% !important;
    margin: 10px 1% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.gallery-item img {
    border:0 !important;
}
img.aligncenter, img.alignnone, img.alignleft, img.alignright {
	max-width:100%;
}

img.alignright {
	float:right;
	margin:0 0 0 1%;
}

img.alignleft {
	float:left;
	margin:0 1% 0 0;
}

img.aligncenter, .aligncenter {
	display:block;
	margin:0 auto;
	text-align:center;
}

/* sonar effect */
.chabok-ring-sonar {
	width: 100px;
z-index:999;
left: 0;
position: fixed;
height: 100px;
bottom: 0;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:100px;
    height:100px;
    top:0px;
    left:0px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#fcbfbf;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:70px;
    height:70px;
    top:15px;
    left:15px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0, 242, 32, 0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(242, 45, 0, 0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:50px;
    height:50px;
    top:25px;
    left:25px;
    position:absolute;
  /*  background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
  */  border-radius:100% !important;
    border:2px solid transparent;
    /* -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; */
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-align: center;
	background-size: 70%;
}

.phonering-alo-ph-img-circle::before {
    content: "\f2a0";
    font-family: "Font Awesome 5 Pro";
    font-size: 32px;
    position: relative;
    top: -6px;
    color: #fff;
    -webkit-animation:change_icon 4s infinite ease-in-out;
    transition: all 500ms;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#18ca00;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

.chabok-fixed-title {
    margin: 0;
    font-size: 16px;
    line-height: 3;
    padding: 0 10px;
    background: #009b5a;
    color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.chabok-modal-box-fixed ul {
    margin:10px 0;
    list-style: none;
    padding:0;
}

.chabok-modal-box-fixed ul li {
    line-height: 2;
    font-size:18px;
    display: block;
}
.chabok-modal-box-fixed ul li a {
    padding:0 10px;
    display: block;
}

.chabok-modal-box-fixed ul li a:hover {
    background:#eee;
}
.chabok-modal-box-fixed {
    width: 285px;
    height:auto;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    position: absolute;
    left: 50px;
    top:0;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
    transition: all 50ms;
}

.chabok-modal-box-fixed.chabok-active {
    min-height: 145px;
    visibility: visible;
    overflow: unset;
    top: -125px;
    transition: all 100ms;
}

/* fixed back to top button */
#chabok-button-to-top {
    display: inline-block;
    background-color: rgba(255, 153, 0, 0.796);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 70px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #chabok-button-to-top::after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
  }
  #chabok-button-to-top:hover {
    cursor: pointer;
    background-color: #333;
  }
  #chabok-button-to-top:active {
    background-color: #555;
  }
  #chabok-button-to-top.chabok-show-to-top {
    opacity: 1;
    visibility: visible;
  }

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes change_icon {
    0% {
        content: '\f2a0';
        transition: all 500ms;
    }
    30% {
        content: '\f2a0';
        transform: rotate(50deg);
        transition: all 500ms;
    }
    60% {
        content: '\f2a0';
        transform: rotate(90deg);
        transition: all 500ms;
    }
    100% {
        content: "\f879";
        transition: all 500ms;
    }
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

/*------------------------------------*\
Responstive
\*------------------------------------*/

@media screen and (min-width:1600px) {
    .chabok-home-slide .slide-large {
        background-size: cover !important;
        background-position: center !important;
      }
}

@media screen and (max-width:1400px) {
   .chabok-container,.head, .slider-content-container {
      /*   max-width: 1280px; */
        padding-right:25px;
        padding-left: 25px;
    }
     /*
    .slider-content-container {
        height:440px;
    }
    */
    
}

@media (max-width:1200px) {
    .chabok-header ul > li a {
        padding:0 12px;
    }
    .chabok-head-one::after {
        content: '';
        width: 78%;
    }
    .slider-content-container video {
        width:100% !important;
        height: auto !important;
    }

}

@media screen and (max-width:1024px) {
    .chabok-header ul > li a {
        padding:0 7px;
    }
    .archive #post-loop .chabok-col-25 {
        width: 33.33333%;
    }
    .chabok-home-slide .slide-large {
        background-size: cover !important;
    }

}

@media screen and (max-width:992px) {
    .chabok-contact-flex {
        flex-wrap: wrap;
    }
    #post-442 .chabok-col-60, #post-442 .chabok-col-40 {
    width: 100%;
    padding: 0;
    }
    .contactus-box {
        margin-bottom: 20px;
    }
    .home-icon a::before {
        content:none !important;
    }
    .chabok-contact-social {
        background-size: 150% !important;
    }
    .chabok-page-content-row .chabok-col-60,
    .chabok-page-content-row .chabok-col-40 {
        width:100%;
    }
    .why-you {
        padding: 30px 0;
    }
    .chabok-why-text {
        margin-bottom: 20px;
    }
    .why-bg-2 {
        background-size: cover !important;
        height: 300px;
    }
    .chabok-iconbox-container {
        overflow: auto;
    }
    .product-items {
        overflow: auto;
        flex-wrap: unset;
    }
    .product-items .chabok-col-25 {
        min-width: 33.3333%;
        margin-bottom: 20px;
    }
    .chabok-taxonomy .product-items  {
        display: block;
    }
    .product-items .chabok-col-20 {
        min-width: 25%;
    }
    .site-text {
        font-size: 30px;
        top: -26px;
    }
    .slogan-url:hover .chabok-slogan-iconbox,
    .slogan-url:focus .chabok-slogan-iconbox {
        transform: unset;
    }
    .chabok-iconbox-container .chabok-col-20 {
        min-width: 235px;
    }
    .chabok-head .chabok-container {
        padding: 0;
    }

    .chabok-home-slide .owl-next,
    .chabok-home-slide .owl-prev {
        display: none;
    }
    .chabok-contactus-section .chabok-col-60,
    .chabok-contactus-section .chabok-col-40 {
        width:100%;
    }
    .contactus-title, .contactus-btn-holder {
        text-align: center;
    }
    .contactus-title {
        padding-bottom: 0;
    }
    .chabok-diseases-poster {
        position: relative;
    }

    .chabok-dr-text {
        padding:6%;
    }

    .dr-profile .attachment-full {
        width:100%;
    }

    .chabok-single-title {
        width:100%;
        max-width: 100%;
    }

    .chabok-dr-iconbox.ftr {
        float: none;
        width: 100%;
        margin-top: 0;
        padding: 0 10px;
    }

    .chabok-cycle.chabok-col-70 {
        width:100%;
    }

    .chabok-diseases-poster::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        background: #00000070;
        top: 0;
        left: 0;
    }
    
    .chabok-diseases-section.term-diseases-section .chabok-diseasess-title h2, 
    .chabok-doctor-section.term-doctor-section .chabok-doctors-title h2,
    .section-faq-title {
        font-size:22px;
    }

    .chabok-diseases-section.term-diseases-section .chabok-diseasess-title, 
    .chabok-doctor-section.term-doctor-section .chabok-doctors-title {
        min-height: 60px;
    }
    .chabok-faq-in-post .chabok-faq-q h4, .chabok-faq-in-post .chabok-faq-q h2 {
        font-size:16px;
    }

    .chabok-term-content-left {
        width:100%;
    }
    .chabok-top-bar-right .b-date {
        display:none;
    }

    .chabok-why-content .chabok-col-50 {
        width:100%;
    }

    .chabok-why-content .chabok-why-text {
        padding:6%;
    }
    article.services, article.doctors {
        padding:0 !important;
    }
    article.services .chabok-content > .chabok-col-50 {
        width:100%;
    }

    article.services  > .chabok-col-25 {
        width:50%;
    }

    article.doctors > .chabok-col-25 {
        width:33.333%;
    }

    .chabok-counter-section .chabok-col-25 {
        width:50%;
        margin-bottom: 50px;
    }
    .chabok-qa-section {
        padding:0;
    }
    .chabok-bg-hold-qa {
        background:none;
        display: none;
    }
    .chabok-counter-section {
        padding-bottom: 40px;
    }

    .chabok-faq-section .chabok-col-50 {
        width:100%;
    }
    .chabok-faq-section .chabok-col-50.pdl-20,
    .chabok-faq-section .chabok-col-50.pdr-20  {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .chabok-faq-img img {
        width:100%;

    }
    .chabok-qa-section.chabok-qa-bg-holder .chabok-col-50 {
        width:100%;
        margin-bottom: 20px;
    }
    .chabok-qa-section .chabok-qa-box {
        padding:30px;
    }
    .chabok-tour-section .chabok-col-33 {
        width:100%;
        padding:0 !important;
        margin:0;
    }
    .chabok-tour-box-reverse {
        display:block;
    }
    .chabok-tour-section .chabok-tour-img-container,
    .chabok-tour-section .chabok-tour-content {
        width:50%;
        margin:0;
        float: left;
        padding:0 10px;
    }
    .chabok-tour-section .chabok-tour-box-reverse .chabok-tour-img-container {
        float: right;
    }

    .chabok-about-section {
        background-position: top;
    }
    .chabok-about-text-blk {
        padding: 27px 40px !important;
    }
    .chabok-about-img-blk {
       width:100%;
    }
    .chabok-about-section .chabok-col-50 {
        width:100%;
    }
    .chabok-about-img-container {
        padding:0;
        width:100%;
    }
    .chabok-about-img-container img {
        width:100%;
    }

    .chabok-toggle-menu {
        display: inline-block;
    }
    #site-navigation.main-navigation {
        position: absolute;
        width:0;
        height:0;
        overflow: hidden;
    }
    #site-navigation {
        padding-right: 21px !important;
        padding-left: 21px !important;
    }
    .chabok-header ul > li a::before {
        width: auto;
        height: auto;
        top: auto;
        position: unset;
        bottom: auto;
    }
    .chabok-header ul li {
        line-height: 3;
    }
    .chabok-header ul li a:hover {
        color:#000;
    }
    .chabok-header ul li a:focus {
        color:#000;
    }
    .chabok-header ul li > ul li {
        width:100%;
    }
    .chabok-header.chabok-active .chabok-head-two-content {
        position: fixed;
        z-index: 9999999;
        margin: 0 auto;
        width: 250px;
        top: 20px;
    }
    #site-navigation.main-navigation.chabok-active {
        position: fixed;
        width: 70%;
        height: 100%;
        background: #ffbf00;
        z-index: 99999;
        top: 0;
        margin-left:0;
        box-shadow: 0 0 5px #000;
        padding-top: 100px;
        transition: width 200ms;
        text-align: left;
    }

    #chabok-search-btn.chabok-active i {
        right:20px;
    }

    #chabok-toggle-menu.chabok-active::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.822);
        top: 0;
        z-index: 999;
        width: 100%;
        left: 0;
    }

    #chabok-toggle-menu.chabok-active::before {
            content: "\f00d";
            display: block;
            position: fixed;
            color: #fff;
            top: 14px;
            z-index: 9999;
            right: 18px;
        
    }

    #site-navigation.main-navigation.chabok-active ul li {
        display: block;
    }
    #site-navigation.main-navigation.chabok-active ul li a::after{
        content:none;
    }

    .chabok-header ul li {
        margin:0;
    }
    .chabok-header ul li a:before,
    .chabok-header ul li a:hover:before,
    .chabok-header ul li a:focus:before {
        content: '\f056';
        margin-right: 10px;
    }
    .chabok-header ul li.menu-item-has-children > a:before,
    .chabok-header ul li.menu-item-has-children > a:hover:before,
    .chabok-header ul li.menu-item-has-children > a:focus:before {
        content: '\f055';
    }

    .chabok-nav-items {
        overflow: auto;
        height: 100%;
    }
    .chabok-head-two-content {
        width: 50%;
        position: absolute;
        left:15px;
    }
    .desc-about {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 24px;
    }
    .img-about {
        width:100%;
    }

    .desc-about .btn-new-style {
        margin-bottom: 15px;
    }

    .chabok-footer .footer-widget {
        width:50%;
    }

    .chabok-header ul li > ul {
        display: none;
    }
    .chabok-header ul li > ul[style="display: block;"] {
        visibility: visible;
        opacity: 1;
        display: block;
        position: relative;
        left:0;
        padding:0 6px;
        margin:0;
        width: 100%;
    }
    .chabok-header ul li > ul[style="display: block;"] a,
    .chabok-header ul li > ul[style="display: block;"] a:hover,
    .chabok-header ul li > ul[style="display: block;"] a:focus {
        color:#333;
    }


    .chabok-comments .comments .chabok-col-50 {
        width:100%;
        padding:0;
    }
    .chabok-cf7 .chabok-col-25 {
        width:50%;
    }
    .chabok-head-one {padding:0 10px;}
    .chabok-icon-box {
        line-height: 3.3;
        padding:0 7px; 
        width:50%;
    }
    .chabok-top-bar-left {
        display: none;
    }
    .header-btn {
        margin-left: 10px;
        margin-right: 10px;
    }
    .chabok-head-one::after {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }
    .chabok-icon-box .chabok-inner-icon {
        padding: 0 15px;
        font-size: 25px;
    }
    .chabok-copyrights .chabok-col-40,
    .chabok-copyrights .chabok-col-60 {
        width:100%;
        text-align: center;
    }
    .chabok-footer-social a {
        border: 0;
        float: none;
    }

    .chabok-uses-section .chabok-col-50 {
        width: 100%;
    }
    .chabok-copyrights {
        margin-top: 0;
    }

    .copy-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 15px 0;
    }
    .copy-container .chabok-col-60,
    .copy-container .chabok-col-40 {
       padding:0 10px;
    }
    .chabok-footer {
        padding: 50px 0px 0;
    }
    .sub-menu {
        width: 100%;
        position: relative;
    }
    .sub-menu li {
        line-height: normal;
    }
    .page-template .chabok-home-slide .slide-large {
        background-size:cover !important;
    }
    .img-standard-logo {
        width: 100%;
        margin-top: 14px;
        max-width: 100%;
    }
    .standard-sec {
        width:100%;
    }
    .chabok-post .chabok-col-33 {
        width:50%;
    }

}

@media screen and (max-width:768px) {
    .archive #post-loop .chabok-col-25,
    .archive #post-loop .chabok-col-33,
    .chabok-taxonomy .product-items .chabok-col-25,
    .chabok-taxonomy .product-items .chabok-col-33 {
        width: 50%;
    }
    .post-type-archive-products .archive-title {
        margin-top:30px;
    }
    .project-title-desc {
        margin-top:120px;
    }
    article.projects .project-content {
        padding: 0 !important;
    }
    .img-page img {
        right:0 !important;
        left:0 !important;
        top:0 !important
    }
    article.projects .chabok-col-60,
    article.projects .chabok-col-40 {
        width:100%;
    }
    .project-breadcrumb h1 {
        right: 10%;
        left: 10%;
        max-width: max-content;
        padding: 0 50px;
        font-size: 20px;
        height: 60px;
    }
    .chabok-footer-social {
        justify-content: center;
    }
    .img-standard-logo {
        width: 340px;
        max-width: 100%;
    }
    .standard-sec {
        width:50%;
    }
    .single-iconbox {
		right: 40px;
		top: 10px;
        z-index: 2;
	}
    .post-type-archive-products .single-iconbox {
        top:-7px;
        right:20px;
    }
    .single.single-products .chabok-container,
    .chabok-taxonomy .chabok-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .product-items .chabok-col-25 {
        min-width: 50%;
        margin-bottom: 20px;
    }
    .product-items .chabok-col-20 {
        min-width: 33.3333%;
    }

    article.chabok-product .chabok-col-40,
    article.chabok-product .chabok-col-60,
    .chabok-media-block .chabok-col-50 {
        width:100%;
    }

    .chabok-faq-bg {
        padding:14px;
    }
    .chabok-faq-q h4, .chabok-faq-q h2 {
        font-size:16px;
    }
    .chabok-service-section, 
    .chabok-product-section,
    .chabok-diseases-section, 
    .chabok-blog-section {
        padding-bottom:25px;
        padding-top:25px;
    }
    .chabok-blog-section {
        padding-bottom:0px;
        padding-top:0px;
    }
    .services-bg-text,
    .diseases-bg-text, 
    .product-bg-text, 
    .blog-bg-text {
        max-height: 110px;
        margin-bottom: 0;
        position: absolute;
        font-size: 100px;
        text-align: center;
        left: 0;
        right: 0;
        top: 37px;
    }

    .chabok-servises-title, .chabok-diseasess-title, .chabok-product-title, .chabok-blog-title {
        min-height: 100px;
    }
    .chabok-servises-title {
        min-height: 160px;
    }
    .chabok-service-section .chabok-servises-title h2  {
        width: 229px;
        font-size: 20px;
    }
    .chabok-service-box {
        min-height: auto !important;
    }
	.chabok-icon-bx::before, .chabok-icon-bx h2, a:hover, a:focus {
		transition:10ms all;
	}
    .chabok-archive .chabok-col-25 {
        width:33.33%;
    }

    .chabok-article-body .entry-summary {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .chabok-list-img-container {
        width:90px;
        height:90px;
    }
    .chabok-cf7 .chabok-col-50 {
        width:100%;
    }

    .product-post-sharing {
        position: absolute;
        top: 0;
        z-index: 9;
        width: 60px;
        right: 0;
        margin-top:13px;
    }
    .chabok-copyrights .chabok-col-50 {
        width:100%;
        text-align: center;
        font-size: 12px;
    }
    .developer-c {
        padding:0;
        text-align: center;
    }
    .chabok-footer-widget-container .chabok-col-25 {
        width:100%;
        margin-bottom: 25px;
    }
    .blog-bg-text {
        top:0px;
    }
    .chabok-footer-widget-container .chabok-col-20,
    .chabok-footer-widget-container .chabok-footer-widget:first-child,
    .chabok-footer-widget-container .chabok-footer-widget:nth-child(4) {
        margin-bottom: 20px;
        text-align: justify;
        text-justify: distribute;
        word-spacing: -1px;
        width: 100%;
    }
    .chabok-footer-widget ul {
        padding: 0;
        list-style: none;
    }
    .chabok-footer-widget ul li {
        float: left;
        padding: 0 6px;
    }
    .chabok-footer-widget ul li a {
        background: transparent;
        padding: 3px 13px;
        display: block;
        margin-bottom: 10px;
        width: 100%;
        border-radius: 5px;
        color: #fff;
        font-family: 'yekan';
        border: 1px solid #999;
    }
    article.products header {
        margin:0;
    }
    article.products .product-title {
        padding-bottom: 0;
    }
    .archive-project-breadcrumb .chabok-single-title,
    .blog-bg .chabok-single-title {
        margin-top:20px;
    }
    .archive-project-breadcrumb,
    .single-post-with-breadcrumb .chabok-breadcrumb.blog-bg {
        height: 250px;
    }
    .wpcf7 .chabok-col-33 {
        width:50%;
    }

    .se-page-article .alignleft,
    .se-page-article .alignright {
        width: 100%;
        margin-bottom: 26px !important;
    }

    .chabok-table {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        overflow: auto;
    }
    .chabok-table thead {
        min-width: 768px;
        display: flex;
        flex-wrap: wrap;
    }
    .chabok-table  tr {
        width: 100%;
    }
    .chabok-table tbody {
        min-width: 768px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .chabok-table thead tr {
        font-size: 13px;
    }

}

@media screen and (max-width:600px) {
    .icon-box-flex {
        display: block;
    }
     .action-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .se-page-article .chabok-container {
        padding:0 15px !important;
    }
    .chabok-slogan-modal-content .chabok-col-70, .chabok-slogan-modal-content .chabok-col-30 {
        width: 100%;
    }
    .single.single-post .chabok-single-title {
        font-size: 24px;
    }
    .standard-item {
        width:100%;
    }
    .chabok-post .chabok-col-33 {
        width:100%;
    }
    .blog-bg p, .archive-project-breadcrumb p {
        display: -webkit-box;
        width: 100%;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .standard-item span,
    .standard-item .st-title {
        width:50%;
        background:#eee;
        padding: 10px 0px;
        border: 0 !important;
        color:#000;
    }
    .standard-item .st-title{
        font-weight: bold;
        padding: 10px 20px;
    }
    .standard-sec {
        width:100%;
    }
    ul .tablink {
        padding: 4px 8px;
        text-align: center;
        width: 33.3333%;
        height: 34px;
        font-size: 12px;
        margin: 0px 1px;
    }
    .chabok-slogan-modal-content .chabok-col-30 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        align-items: center;
    }
    .chabok-modal-flex {
        display: block !important;
    }
    .slogan-modal-text {
        padding-right: 5px;
        padding-left: 5px;
        border: 0 !important;
    }
    .slogan-modal-icon {
        font-size: 34px;
    }
    .slogan-modal-title {
        font-size: 18px;
        margin: 0 10px;
    }

    .chabok-qa-box h2 {
        font-size: 22px;
    }
    .chabok-faq-q h4, .chabok-faq-q h2 {
        font-size: 15px;
    }
    .chabok-container, .head {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .product-items .chabok-col-25 {
        min-width: 300px;
    }
    .chabok-taxonomy .product-items .chabok-col-25,
    .chabok-taxonomy .product-items .chabok-col-33,
    .chabok-taxonomy .product-items .chabok-col-50 {
        width:100%;
    }
    .product-items .chabok-col-20 {
        min-width: 250px;
    }
    .chabok-product-hoverable {
        margin:5px 0;
    }
    .pr-tit p {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .pr-tit::before {
        content: '';
        background-image: url('img/dot-bg.png');
        top: 10px;
        left: 10px;
        position: absolute;
        width: 150px;
        height: 170px;
        background-repeat: no-repeat;
    }
    .why-you {
        padding: 30px 0;
    }
    .sec-title-with-bob {
        justify-content: center;
    }
    .product-bg-text {
        top: 56px;
        text-align: center;
        width: 95%;
        font-size: 74px;
      }
    .chabok-about-section h2 {
        font-size: 21px;
    }
    .chabok-about-section p {
        text-align: justify;
        text-justify: distribute;
    }
    .chabok-about-section h3 {
        font-size: 17px;
    }
    .header-btn {
        position: absolute;
        top: -36px;
        color: #fff;
        border-color: #848484;
        z-index: 99;
        padding: 6px 14px;
        width: auto;
        font-size: 13px;
        right:0;
      }

    .chabok-cycle-iconbox .chabok-col-50 {
        width:100%;
    }
    .chabok-diseases-poster {
        background-size: cover !important;
        background-attachment: fixed !important;
    }
    article.services  > .chabok-col-25 {
        width:100%;
    }

    article.doctors > .chabok-col-25 {
        width:50%;
    }

    .chabok-col-100.psr .chabok-service-icon {
        display: none;
    }
    .chabok-count-bg {
        font-size:110px;
        left:-10px;
    }


    .chabok-tour-section .chabok-tour-img-container,
    .chabok-tour-section .chabok-tour-content {
        width:100%;
        margin:0;
        float: none;
        padding:0 10px;
    }
    .chabok-tour-section .chabok-tour-box-reverse .chabok-tour-img-container {
        float: none;
    }

    article.chabok-post, aside.sidebar {
		width:100%;
	}
	aside.sidebar {
		margin-top: 0;
		margin-bottom: 30px;
	}
    .post-category {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
        display: flex;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 30px;
		overflow-y: hidden;
    }
    .post-category a {
        min-width: max-content;
        margin:0 5px;
    }

    span.categories {
        padding:0 13px;
    }
    article.chabok-product, article.chabok-post,article.chabok-full-width {
        padding:10px;
    }
    .slider-content-container {
        padding: 10% 20px !important;
    }

    article.chabok-product {
        padding:0;
    }

    .b-email {display:none;}

    .chabok-botton-lang {
        top:0;
    }
    .img-about .chabok-col-33 {
        width:50%;
        margin-bottom: 20px;
    }
    
    .img-about .divider {
        display: none;
    }
    .chabok-search-container.chabok-active{
        padding-left:10px;
        padding-right:10px;
    }

    .chabok-footer .footer-widget {
        width:100%;
        padding:0 50px;
    }

    .mobile-sharing-btn {
        display: block;
        cursor: pointer;
        margin-bottom: 14px;
    }

    .product-post-sharing a.chabok-icon {
        display:none;
    }
    .product-post-sharing a.chabok-icon {
        font-size: 14px;
        width: 31px;
    }
    .product-post-sharing a.chabok-icon.icon-active {
        display: inline-block;
    }

    .slider-content-container {
        height: 300px;
    }
    .chabok-uses-section .chabok-col-33 {
        width: 50%;
    }
    .chabok-uses-iconbox {
        margin-bottom: 9px;
    }
    .chabok-uses-section .chabok-col-33:last-child {
        display: none;
    }
    .icon-container-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
    .chabok-uses-iconbox h3 {
        font-size: 13px;
    }
    .chabok-uses-iconbox {
        font-size: 33px;
    }
    .archive #post-loop .chabok-col-25,
    .archive #post-loop .chabok-col-33,
    .archive #post-loop .chabok-col-50 {
        width: 100%;
    }
    article.chabok-product .single-iconbox {
        width: 30px;
        display: flex;
        flex-wrap: wrap;
    }
    article.chabok-product .chabok-product-like {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    article.chabok-product .share-box {
        padding-right: 4px;
        top: -6px;
        position: relative;
    }
    .slogan-section {
        margin-top:20px;
    }
}

@media screen and (max-width:480px) {
    .chabok-contact-social {
        background-image: none !important;
    }
    .page-template .chabok-home-slide .slide-large {
        height: 240px;
    }
    .b-flag {
        height: 25px;
        top: 0;
    }
    .project-title-desc {
        margin-top: 70px;
    }
    .chabok-search-container.chabok-active {
        height: 57px;
    }
    .chabok-search-container input#s {
        padding: 12px 4px;
        font-size: 17px;
    }
    #chabok-search-btn.chabok-active i {
        top:18px;
        font-size: 28px;
        right:18px;
    }
   .chabok-icon-text.b-flag img {
        width: 35px;
        margin: 0 3px;
    }
    .why-bg-2 {
        background-size: cover !important;
        height: 150px;
    }
    #uses-section h2 {
        font-size: 22px;
    }
    .site-text {
        font-size: 41px !important;
        top: -70px !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
        text-align: center !important;
    }
    .services-bg-text, .diseases-bg-text, .product-bg-text, .blog-bg-text {
        font-size: 67px;
        text-align: center !important;
        width: 100%;
      }
    .chabok-slogan-iconbox {
        padding:10px;
    }
    .chabok-slogan-iconbox .chabok-slogan-icon {
        font-size:25px ;
    }
    .chabok-slogan-iconbox h3 {
        font-size: 13px;
    }
    .chabok-iconbox-container .chabok-col-20 {
        min-width: 190px;
    }
    .b-mobile {
        display: none;
    }
    .white.chabok-icon-text.b-flag {
        line-height: normal;
    }

    .chabok-loop-product h3 {
        font-size:14px;
    }

    .chabok-home-slide .slide-large {
        height:280px;
    }

    .slider-content-container h2 {
        font-size: 18px;
    }
    .slider-content-container p {
        font-size: 13px;
        text-shadow: 1px 1px 1px #000;
    }
    .slider-content-container .chabok-btn {
        font-size: 12px;
        padding: 10px 14px;
      }
    .shape {
        width:75px;
        display: none;
        
    }
    .chabok-logo-img {
        top: 36px;
        width: 215px;
    }

    .chabok-donbal-text {
        display: none;
    }
    .chabok-icon-box {
        width:100%;
        padding-left:0px;
        padding-right:0px;
        margin-top:0px;
        line-height: 0;
    }
    .chabok-icon-box .chabok-inner-icon {
        padding:11px 10px;
        font-size: 17px;
        display: inline-block;
        width: 48px;
        height:48px;
        text-align: center;
        line-height: normal;
        margin-top:5px;
        margin-bottom: 5px;
    }
    .chabok-botton-lang {
        top: 4px;
    }

    .chabok-head-two-content {
        height: 55px;
        padding: 0px;
        width: 175px;
      }
      .head {
        padding-right: 0;
        padding-left: 0;
      }
      .chabok-head-two-content {
        left:5px;
      }
    .chabok-head-two {
        height:58px;
    }
    .chabok-icon-bx h2 {
        font-size: 14px;
    }
    .desc-about img {
        display: none;
    }
    .desc-about .inner-bx {
        padding:20px;
    }
    .desc-about p {
        height: 108px;overflow: hidden;
        text-align: left;
    }

    .chabok-archive .chabok-col-25 {
        width:50%;
    }
    .chabok-cf7 .chabok-col-25 {
        width:100%;
    }
    .page-title, .archive-title {
        font-size: 25px;
    }
    .wpcf7 .chabok-col-33 {
        width:100%;
    }
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		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) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,video {
		filter: contrast(0.96);
	}
}