@font-face {
font-family: 'vligh';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Light.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Light.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Light.woff) format('woff');
}
@font-face {
font-family: 'vmed';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Medium.woff) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Medium.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Medium.woff) format('woff');
}
@font-face {
font-family: 'vreg';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Regular.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Regular.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Regular.eot) format('woff');
}
@font-face {
font-family: 'vrenum';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vandafanum-Regular.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vandafanum-Regular.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vandafanum-Regular.eot) format('woff');
}
@font-face {
font-family: 'pfont';
src: url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/ttf/Salamat.ttf) format('woff');
}
a {
text-decoration: none;
font-family: 'vligh' !important;
}
li {
list-style: none;
}
button {
font-family: 'vligh';
}
label {
font-family: 'vligh';
}
p{
font-family: 'vligh';
}
h1,h2,h3,h4,h5,h6 {
font-family: 'vmed' !important;
}
a {
font-family: 'vmed'!important;
}
div {
font-family: 'vreg' !important;
}
input {
font-family: 'vreg' !important;
}
span { font-family: 'vreg' !important;}
b { font-family: 'vreg' !important;} .right-box-header {
border: 1px solid #ffffff2b;
max-height: 275px;
} .about-tab-manu .tab {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manu {
margin-top:-74px;
}
.col, .gallery-item, .columns {
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
.about-tab-manu .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-weight: initial;
}
.about-tab-manu .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.about-tab-manu ul  li.active a span,.about-tab-manu-2 ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
content: " ";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 75%;
background-color: #fff !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
height: 3px;
} .right-box {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.box-producbl{
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;
max-height: 284px;
height: auto;
}
.box-producbr {
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;
height: auto;
}
.box-produc {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.right-boxbl {
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;
height: auto;
}
.right-boxbr{
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;    height: 275px;
}
.right-box-aboutbl{
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;    height: 275px;
}
.right-box-aboutbr{
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;    height: 275px;
}
.right-box-mobbl {
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;   
}
.right-box-mobbr {
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;
}
.img-container-footer {
line-height: 0 !important;
}
.right-boxr {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.title-box {
border: 1px solid #e8dede;
max-width: 64px;
height: 64px;
margin-left: 22px;
}
.scribox {
height: 68px;
max-width: 68px;
background: rgba(129, 129, 129, 0.9);
opacity: 0.3;
}
.titie-in-gray {
padding-bottom: 0;
margin-top: -20px;
height: 66px;
}
.right-box2 {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px; 
padding: 10px;
}
.left-box {     border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px; 
}
.left-box2 {    border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px; 
} .about-tab-manux .tab  {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manux {
margin-top:-54px !important;}
.margin-row {
margin-right: 0!important;
margin-left: 0!important;  
}
.about-tab-manu .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
}
.about-tab-manu {
margin-top: -84px;
}
.about-tab-manux ul  li.active a span,.about-tab-manux ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
}
.mangbox::before { 
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: auto !important;
opacity: 0.3;
z-index: 1;
right: -32px !important;
}
.mangboxto::before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: -32px !important;
opacity: 0.3;
z-index: 1;
right: auto !important;
}
.taghbox:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: auto;
opacity: 0.3;
z-index: 1;
right: -32px;
}
.taghboxtwo:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: -32px;
opacity: 0.3;
z-index: 1;
right: auto;
}
.boxspace {
}
.right-box-about {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
} .about-tab-manup .tab  {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manup {
margin-top:-54px;
}
.about-tab-manup ul  li.active a span,.about-tab-manup ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.about-tab-manup .tab a {
color: rgb(167 166 166);
margin-right: 14px;
}
.box-produc {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.titlecontainer .small-box {
margin-right: 0;
margin-top: -1px;
margin-left: 10px;
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 21px;
}
.nav-dark .logo a {
color: #fff;
margin-right: -14px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
content: " ";
position: absolute;
left: 51%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 88%;
background-color: #fff !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
height: 3px;
}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
padding: 0;
margin-bottom: 0;
}
row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
padding-left: 0;
padding-right: 0;
margin-left: 0 !important; ;
margin-right: 0px !important;
width: auto;
}
.titie-in-gray {
margin-right: 10px;
}
.wpcf7 label {
display: inline-block;
width: 100%;
text-align: right;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: right;
}
.row.row-collapse {
max-width: 1100px;
}
.chart-row {
margin: 0!important;
max-height: 68px;
position: relative;
}
.chart-title span {
font-size:40px !important;
font-weight: 700;
}
.chart-img {
}
.small-box {
height: 68px;
max-width: 68px;
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
font-weight: initial;
}
.about-tab-manup .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
font-weight: initial;}
.chart-img {
margin-right: -22px;
float: right;
margin-top: -16px;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
max-width: 1100px;
}
.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
margin-left: auto;
padding-left: 29px;
padding-right: 29px;
}
.alignnone {
margin-left: 3px;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: right;
font-size: 18px !important;
}
.wpcf7 label {
display: inline-block;
width: 100%;
text-align: right;
font-size: 18px;
font-weight: 500;
}
.img-with-550 {
max-height: 550px;
}
.right-introduce {
padding: 20px;
border-right: 1px solid rgba(244, 244, 244, 1);
}
.tab-panels {
padding-top: 3px;
}
.about-tab-manux .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.about-tab-manup .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.wp-image-53 {
margin-right:10px;
}
.wp-image-51 {
margin-right:10px;
}
.taghbox {
max-height: 275px;
}
.taghboxtwo {
max-height: 275px;
}
.taghimg {
max-height: 275px;
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.taghimg img {
width: 156px;
height: 221px;
margin-top: 9%;
}
.ghovahitext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.protext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
} .right-box2-header-arrow {
border-right: 1px solid #ffffff2b;
}
.slidertitle {
height: 277px;
}
.slidertitle .col-inner{
background-color: rgba(255, 255, 255, 0.8);
padding-right: 72px;
height: 276px;
padding-top: 26px;
}
.topsilider .is-full-height {
height: calc(100vh - 0px)!important;
position: absolute;
} .containerx {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
left: 0;
top: 181px;
right: -109px;
border-right: 1px solid #fff;
}
.chevron {
position: absolute;
width: 15px;
height: 3px;
opacity: 0;
transform: scale(0.3);
-webkit-animation: move-chevron 3s ease-out infinite;
animation: move-chevron 3s ease-out infinite;
}
.chevron:first-child {
-webkit-animation: move-chevron 3s ease-out 1s infinite;
animation: move-chevron 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
-webkit-animation: move-chevron 3s ease-out 2s infinite;
animation: move-chevron 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 50%;
background: rgba(224, 224, 224, 0.4);
}
.chevron:before {
left: 0;
transform: skewY(30deg);
}
.chevron:after {
right: 0;
width: 50%;
transform: skewY(-30deg);
}
@-webkit-keyframes move-chevron {
25% {
opacity: 1;
}
33.3% {
opacity: 1;
transform: translateY(2.28rem);
}
66.6% {
opacity: 1;
transform: translateY(3.12rem);
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5);
}
}
@keyframes move-chevron {
25% {
opacity: 1;
}
33.3% {
opacity: 1;
transform: translateY(2.28rem);
}
66.6% {
opacity: 1;
transform: translateY(3.12rem);
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5);
}
}
.slider-wrapper+.row:not(.row-collapse), .banner-grid-wrapper+.row:not(.row-collapse), .banner+.row:not(.row-collapse), .section+.row:not(.row-collapse) {
margin-top: 0;
}
.map-home {
height: 829px;
border-left: 1px solid rgba(244, 244, 244, 1);}
.map-title {
right: 184px;
top: 357px;
font-style: normal;
font-weight: 500;
font-size: 76px;
color: #2F3890;
margin-bottom: -2px;
padding-right: 20px;
padding-top: 48px;
}
.map-disc{    
font-size: 20px;
font-weight: 700;
padding-right: 20px;
padding-bottom: 55px;
}
.space-map {
border: 1px solid rgba(244, 244, 244, 1);
background: #fff;
}    
.right-box-map .col-inner {
min-height: 275px;
} .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 137px;
height: 139px;
background: rgba(0, 0, 0, 0.2);
left: 210px;
top: 82%;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 349px !important;
}
.flickity-prev-next-button svg {
position: absolute;
padding: 5px;
left: 50%;
top: 50%;
width: 66%;
max-width: 100%;
padding: 20%;
max-height: 100%;
height: auto;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wp-block-gallery .blocks-gallery-item figure {
flex-direction: column;
}
.wp-block-gallery .blocks-gallery-item figcaption {
position: relative;
bottom: auto;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 10px 0 20px 0;
color: #333;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent);
}
#jtg-695 .jtg-title {
font-weight: 400;
display: none;
}
.modula-fancybox-caption__body .titx{    position: absolute;
top: -408%;
text-align: right;
display: unset;
left: 60%;
}
html body .modula-fancybox-container .modula-fancybox-toolbar {
right: 30%;
top: 15px;
} .modula-fancybox-button--arrow_left{
position: fixed !important;
top: 50% !important;
left: 10px !important;
padding: 20px !important;
}
.modula-fancybox-button--arrow_right{
position: fixed !important;
top: 50% !important;
right: 10px !important;
padding: 20px !important;
}
.hometext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.hometext p {
padding-right:10px;
}
.custom-grid-buton {
margin-top: -42px;
}      .proimgtip {
height: 500px !important;
}
.topsilider .is-full-height {
height: calc(117vh - 0px)!important;
position: absolute;
}
#jtg-695 .modula-items .figc p.description {
color: #ffffff;
position: absolute;
bottom: 113px;
}
html body .modula-fancybox-container .modula-fancybox-button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
padding: 10px;
}
.row.mobrow.show-for-medium {
width: 100% !important}
} .right-box-header-mob {
border: 1px solid #ffffff2b;
max-height: 114px;
min-height: 114px;
}
.right-box-mob {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px;
min-height: 114px;
}
.row.mobrow.show-for-medium {
width: 100% !important}
}
input[type='checkbox'], input[type='radio'] {
display: contents !important;
}
.chart-box {    max-height: 114px !important;}
.hot {
position: absolute !important;
overflow: hidden !important;
height: 60vw !important;
background-size: cover !important;
z-index: 999999 !important;
width: 100%!important;
right: 33% !important;
top: 33px;
}
.blackover .fill {
background: #0000002e;
}
.slider-wrapper .flickity-prev-next-button {
display: block;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 51px;
height: 58px;
background: rgba(0, 0, 0, 0.2);
left: 16px;
top: 83%;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 69px !important;
}
.textslid {
font-size: 24px !important;
height: 114px;
padding-right: 18px;
padding-top: 14px;
}
.map-home {
height: auto;
border-left: 1px solid rgba(244, 244, 244, 1);
}
.map-disc {
font-size: 20px;
font-weight: 700;
padding-right: 20px;
padding-bottom: 27px;
margin-bottom: 0;
}
.map-title {
right: 184px;
top: 357px;
font-style: normal;
font-weight: 500;
font-size: 76px !important;
color: #2F3890;
margin-bottom: -2px;
padding-right: 20px;
padding-top: 0;
}
.alignnonewp-image-79 {
margin-top: 0px;
width: 40px;
height: 40px;
}
.about-tab-manux .tab {
width: 300px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
width: 67%;
} .about-tab-manux .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
}
.about-tab-manux .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manux .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manux .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manux .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
} @media screen and (max-width: 549px){
.left-box2 {
;
max-height: 350px !important;
}
.hotspot {
height: 135vw !important;
top: 21px;
}
.hight350 {
height: 350px !important;
align-items: center;
justify-content: center;
}
.hotspot .button {
font-size: 6px !important;
padding: 0 6px !important;
}
.pararec h2 p {
font-weight:700 !important;
}
.mobtitle .section-title-main {
color: rgb(233, 233, 233);
position: absolute;
font-size: 40px;
right: 50px;
width: 100%;
top: -49px;
}
input#gform_submit_button_1 {
width: 100%;
margin-bottom: 15px;
}
.small-box-mob-dis {
margin-top: 74px;
margin-left: 0;
width: 40px;
position: absolute;
height: 40px;
right: 0;
}
.small-box-mob {
margin-left: 44px;
width: 40px;
margin-top: 39px;
height: 40px;
}
.chart-box {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px; 
}
.chart-title-mob .section-title-main {
font-size: 16px !important;
font-weight: 700;
position: absolute;
top: -40px;
width: 200px;
right: 43px;
}
.right-box-about-mob {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px; 
}
.mangbox::before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghboxtwo:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghbox:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghimg img {
width: 156px;
height: 221px;
margin-top: 5%;
margin-bottom: 12%;
}
.taghbox span {
margin-top: 28px;
}
} @media screen and (max-width: 549px){
p {
font-weight: normal !important;
}
.about-tab-manu .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
}
.about-tab-manu .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manu .tab {
width: 300px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
width: 67% !important;
}
.about-tab-manu .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manu .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manu .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.top-con-title {    text-align: justify;
font-size: 28px !important;
margin-top: 0;
position: absolute;
top: -28px !important;
right: 50px;
}
.title-box {
border: 1px solid #e8dede;
max-width: 40px;
height: 40px;
margin-left: 22px;
margin-top: -3px;
} 
.scribox {
position: absolute;
width: 40px;
height: 40px;
top: 76px;
}
.mobtitlec .section-title-main {
position: absolute;
font-size: 35px;
right: 39px;
width: 100%;
top: 36px;
}
}
.footer-wrapper .row {
-webkit-box-sizing: Inherited !important;
box-sizing: Inherited !important;;
}
.footer-wrapper .left-box2 p {
font-weight: 900; }
.footer-wrapper .right-box2 p {
font-weight: 900; } @media screen and (max-width: 549px){
.about-tab-manup .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
margin-right: 12px !important;
}
.about-tab-manup .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manup .tab {
width: 150px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
}
.about-tab-manup .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manup .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manup .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
overflow-x: overlay;
overflow-y: hidden;
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
} @media screen and (max-width: 549px){
#jtg-853 .jtg-title {
font-weight: 400;
display: none;
}
.map-container {
height: 601px;
}
html body .modula-fancybox-slide {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
position: absolute;
text-align: center;
top: 0;
transition-property: transform,opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.modula-fancybox-caption__body {
width: 100% !important;
bottom: 0px;
left: 0;
top: -65% !important;
background: #000000f5;
padding: 20px;
color: white;
}
html body .modula-fancybox-container .modula-fancybox-toolbar {
right: 13px;
top: 31.6%;
}
.tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
padding-right: 14px !important;
padding-left: 15px !important;
}
p {
font-family: 'vligh';
font-weight: 600;
}
.forrowful {
padding-left: 15px !important;
padding-right: 15px !important;
}
.contact-form {
border-right: 1px solid #f3ecec;
border-left:1px solid #f3ecec;;
}
.topcont .row.row-collapse {
padding-left: 15px !important;
padding-right: 15px !important;
}
}  @media screen and (max-width: 849px) {
.header-inner .nav {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: 4px;
}
.medium-logo-center .logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
margin: 0 15px;
margin-right: 28px;
}
.tab-panels .entry-content {
padding: 0;
border-right: 1px solid #f3ecec;
border-left: 1px solid #f3ecec;
overflow: hidden;
}
.slider-wrapper .col-inner .row {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.Formcont {
padding-right: 15px;
padding-left: 15px;
}
.footer-wrapper .col-inner {
position: relative;
margin-left: 0;
margin-right: 0;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.footer-wrapper {
width: 100%;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(28px) !important;
}
.nav-sidebar.nav-vertical>li+li {
border-top: 1px solid #ececec;
border: none;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
color: rgb(255 255 255 / 85%);
}
.off-canvas .nav-vertical>li>a {
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
}
.topsilider .is-full-height {
height: calc(46vh - 0px)!important;
position: absolute;
}
.transparent #logo img {
width: 30% !important;
position: absolute !important;;
top: 13px !important;;
left: 35% !important;;
}
.img-footer img {
height: AUTO !important;
}
}
@media (min-width: 390px) and (max-width: 440px) {
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 63px;
height: 58px;
background: rgba(0, 0, 0, 0.2);
left: 16px;
top: 83%;
}  
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 73px !important;
}
} @media (min-width: 1150px) and (max-width: 1480px) {
.topsilider .is-full-height {
height: calc(144vh - 0px)!important;
position: absolute;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 19.5%!important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 135px;
height: 135px;
background: rgba(0, 0, 0, 0.2);
left: 141px;
top: 82%;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 135px;
height: 135px;
background: rgba(0, 0, 0, 0.2);
left: 9.2%;
top: 83.7%;
}
}
.Formcont {
margin-bottom: -41px;
}
html body .modula-fancybox-caption__body {
max-height: 47px;
overflow: auto;
pointer-events: all;
float: right;
position: absolute;
right: 14%;
top: 10px;
width: 60%;
overflow: inherit;
padding-top: 7px;
text-align: right !important;
font-size: 18px !important;
}
.imgboxbor {
border-left:1px solid rgba(244, 244, 244, 1);;
}
@media (min-width: 1050px) and (max-width: 1180px) {
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 402px !important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 128px;
height: 139px;
background: rgba(0, 0, 0, 0.2);
left: 266px;
top: 82%;
}
}
.header-nav-main.nav-line-bottom > li > a:before, .header-nav-main.nav-line-grow > li > a:before, .header-nav-main.nav-line > li > a:before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a {
color: #FFF!important;
background-color: rgba(255, 255, 255, 0.15) !important;
}
.about-tab-manu .contact-first-row {
margin-bottom: -29px;
}
.scribox {
height: 70px;
max-width: 68px;
background: rgba(129, 129, 129, 0.9);
opacity: 0.3;
}
.protext .alignnonewp-image-79 {
margin-top: 0;
}
@media (min-width: 1400px) and (max-width: 1500px) {
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 20.5%!important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 120px;
height: 120px;
background: rgba(0, 0, 0, 0.2);
left: 10.2%;
top: 85.7%;
margin-left: 35px;
z-index:999;
}
}
#tf-stat-1281 {
background-size: cover;
height: 275px;
} @media (min-width: 550px) and (max-width: 850px) {
.slider-wrapper.relative.topsilider.show-for-medium{
display:none;
}
}
.section-title-normal{
border-bottom: none;
}
.img68cbg {
right: -23px;
bottom: 23px;
}
.title68cbg span {
border: none;
font-size: 30px;
}
.img68cbgm{
margin-top: -53px;
width: 52px !important;
}
.title68cbgm{
margin-top: -57px !important;
margin-bottom: 16px !important;
display: inline-block !important;
float: left !important;
right: 60px !important;
z-index: 9999 !important;
position: relative !important;
}
.cbgcounter.fa{
font-family: "pfont";
font-weight: 100;
font-size: 60px;    
}
.container.section-title-container.title68cbg.headingbg:before {
content: '';
background: url(http://cbg-co.ir/wp-content/uploads/2021/04/Rectangle-26-1.png);
width: 57px;
height: 57px;
position: absolute;
right: 0;
z-index: 9999;
}
.container.section-title-container.title68cbg.headingbg {
margin-top: 12px !important;
margin-right: 4rem;
}
span.cbgcounter {
font-family: 'vrenum' !important;
font-size: 76px !important;
letter-spacing: 7px;
}
.containerz span {
font-size: 1.8em;
} @font-face {
font-family: 'vligh';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Light.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Light.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Light.woff) format('woff');
}
@font-face {
font-family: 'vmed';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Medium.woff) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Medium.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Medium.woff) format('woff');
}
@font-face {
font-family: 'vreg';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vanda-Regular.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vanda-Regular.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vanda-Regular.eot) format('woff');
}
@font-face {
font-family: 'vrenum';
src:url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/eot/Vandafanum-Regular.eot) format('eot'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff2/Vandafanum-Regular.woff2) format('woff2'),
url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/woff/Vandafanum-Regular.eot) format('woff');
}
@font-face {
font-family: 'pfont';
src: url(//cbg-co.ir/wp-content/themes/flatsome-child/fonts/ttf/Salamat.ttf) format('woff');
}
a {
text-decoration: none;
font-family: 'vligh' !important;
}
li {
list-style: none;
}
button {
font-family: 'vligh';
}
label {
font-family: 'vligh';
}
p{
font-family: 'vligh';
}
h1,h2,h3,h4,h5,h6 {
font-family: 'vmed' !important;
}
a {
font-family: 'vmed'!important;
}
div {
font-family: 'vreg' !important;
}
input {
font-family: 'vreg' !important;
}
span { font-family: 'vreg' !important;}
b { font-family: 'vreg' !important;} .right-box-header {
border: 1px solid #ffffff2b;
max-height: 275px;
} .about-tab-manu .tab {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manu {
margin-top:-74px;
}
.col, .gallery-item, .columns {
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
.about-tab-manu .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-weight: initial;
}
.about-tab-manu .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.about-tab-manu ul  li.active a span,.about-tab-manu-2 ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
content: " ";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 75%;
background-color: #fff !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
height: 3px;
} .right-box {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.box-producbl{
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;
max-height: 284px;
height: auto;
}
.box-producbr {
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;
height: auto;
}
.box-produc {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.right-boxbl {
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;
height: auto;
}
.right-boxbr{
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;    height: 275px;
}
.right-box-aboutbl{
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;    height: 275px;
}
.right-box-aboutbr{
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;    height: 275px;
}
.right-box-mobbl {
border: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid #fff;   
}
.right-box-mobbr {
border: 1px solid rgba(244, 244, 244, 1);
border-right: 1px solid #fff;
}
.img-container-footer {
line-height: 0 !important;
}
.right-boxr {
border: 1px solid rgba(244, 244, 244, 1);
max-height: fit-content;
}
.title-box {
border: 1px solid #e8dede;
max-width: 64px;
height: 64px;
margin-left: 22px;
}
.scribox {
height: 68px;
max-width: 68px;
background: rgba(129, 129, 129, 0.9);
opacity: 0.3;
}
.titie-in-gray {
padding-bottom: 0;
margin-top: -20px;
height: 66px;
}
.right-box2 {
border: 1px solid rgba(244, 244, 244, 1);
max-height: fit-content !important	; 
padding: 10px;
}
.left-box {     border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px; 
} .about-tab-manux .tab  {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manux {
margin-top:-54px !important;}
.margin-row {
margin-right: 0!important;
margin-left: 0!important;  
}
.about-tab-manu .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
}
.about-tab-manu {
margin-top: -84px;
}
.about-tab-manux ul  li.active a span,.about-tab-manux ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
}
.mangbox::before { 
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: auto !important;
opacity: 0.3;
z-index: 1;
right: -32px !important;
}
.mangboxto::before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: -32px !important;
opacity: 0.3;
z-index: 1;
right: auto !important;
}
.taghbox:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: auto;
opacity: 0.3;
z-index: 1;
right: -32px;
}
.taghboxtwo:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: 39%;
left: -32px;
opacity: 0.3;
z-index: 1;
right: auto;
}
.boxspace {
}
.right-box-about {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
} .about-tab-manup .tab  {
width: 25%;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
}
.about-tab-manup {
margin-top:-54px;
}
.about-tab-manup ul  li.active a span,.about-tab-manup ul  li.active a span {
color: rgba(233, 233, 233, 1);
}
.about-tab-manup .tab a {
color: rgb(167 166 166);
margin-right: 14px;
}
.box-produc {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 284px;
}
.titlecontainer .small-box {
margin-right: 0;
margin-top: -1px;
margin-left: 10px;
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 21px;
}
.nav-dark .logo a {
color: #fff;
margin-right: -14px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
content: " ";
position: absolute;
left: 51%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 88%;
background-color: #fff !important;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
height: 3px;
}
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
padding: 0;
margin-bottom: 0;
}
row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
padding-left: 0;
padding-right: 0;
margin-left: 0 !important; ;
margin-right: 0px !important;
width: auto;
}
.titie-in-gray {
margin-right: 10px;
}
.wpcf7 label {
display: inline-block;
width: 100%;
text-align: right;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: right;
}
.row.row-collapse {
max-width: 1100px;
}
.chart-row {
margin: 0!important;
max-height: 68px;
position: relative;
}
.chart-title span {
font-size:40px !important;
font-weight: 700;
}
.chart-img {
}
.small-box {
height: 68px;
max-width: 68px;
}
.about-tab-manux .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
font-weight: initial;
}
.about-tab-manup .tab a {
color: rgb(167 166 166);
margin-right: 14px;
font-size: 28px;
line-height: 32px;
font-weight: initial;}
.chart-img {
margin-right: -22px;
float: right;
margin-top: -16px;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
max-width: 1100px;
}
.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
}
.alignnone {
margin-left: 3px;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: right;
font-size: 18px !important;
}
.wpcf7 label {
display: inline-block;
width: 100%;
text-align: right;
font-size: 18px;
font-weight: 500;
}
.img-with-550 {
max-height: 550px;
}
.right-introduce {
padding: 20px;
border-right: 1px solid rgba(244, 244, 244, 1);
}
.tab-panels {
padding-top: 3px;
}
.about-tab-manux .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.about-tab-manup .tab a:hover {
color: rgba(233, 233, 233, 1);
}
.wp-image-53 {
margin-right:10px;
}
.wp-image-51 {
margin-right:10px;
}
.taghbox {
max-height: 275px;
}
.taghboxtwo {
max-height: 275px;
}
.taghimg {
max-height: 275px;
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.taghimg img {
width: 156px;
height: 221px;
margin-top: 9%;
}
.ghovahitext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.protext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
} .right-box2-header-arrow {
border-right: 1px solid #ffffff2b;
}
.slidertitle {
height: 277px;
}
.slidertitle .col-inner{
background-color: rgba(255, 255, 255, 0.8);
padding-right: 72px;
height: 276px;
padding-top: 26px;
}
.topsilider .is-full-height {
height: calc(100vh - 0px)!important;
position: absolute;
} .containerx {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: absolute;
left: 0;
top: 181px;
right: -109px;
border-right: 1px solid #fff;
}
.chevron {
position: absolute;
width: 15px;
height: 3px;
opacity: 0;
transform: scale(0.3);
-webkit-animation: move-chevron 3s ease-out infinite;
animation: move-chevron 3s ease-out infinite;
}
.chevron:first-child {
-webkit-animation: move-chevron 3s ease-out 1s infinite;
animation: move-chevron 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
-webkit-animation: move-chevron 3s ease-out 2s infinite;
animation: move-chevron 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 50%;
background: rgba(224, 224, 224, 0.4);
}
.chevron:before {
left: 0;
transform: skewY(30deg);
}
.chevron:after {
right: 0;
width: 50%;
transform: skewY(-30deg);
}
@-webkit-keyframes move-chevron {
25% {
opacity: 1;
}
33.3% {
opacity: 1;
transform: translateY(2.28rem);
}
66.6% {
opacity: 1;
transform: translateY(3.12rem);
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5);
}
}
@keyframes move-chevron {
25% {
opacity: 1;
}
33.3% {
opacity: 1;
transform: translateY(2.28rem);
}
66.6% {
opacity: 1;
transform: translateY(3.12rem);
}
100% {
opacity: 0;
transform: translateY(4.8rem) scale(0.5);
}
}
.slider-wrapper+.row:not(.row-collapse), .banner-grid-wrapper+.row:not(.row-collapse), .banner+.row:not(.row-collapse), .section+.row:not(.row-collapse) {
margin-top: 0;
}
.map-home {
height: 829px;
border-left: 1px solid rgba(244, 244, 244, 1);}
.map-title {
right: 184px;
top: 357px;
font-style: normal;
font-weight: 500;
font-size: 76px;
color: #2F3890;
margin-bottom: -2px;
padding-right: 20px;
padding-top: 48px;
}
.map-disc{    
font-size: 20px;
font-weight: 700;
padding-right: 20px;
padding-bottom: 55px;
}
.space-map {
border: 1px solid rgba(244, 244, 244, 1);
background: #fff;
}    
.right-box-map .col-inner {
min-height: 275px;
} .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 137px;
height: 139px;
background: rgba(0, 0, 0, 0.2);
left: 210px;
top: 82%;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 349px !important;
}
.flickity-prev-next-button svg {
position: absolute;
padding: 5px;
left: 50%;
top: 50%;
width: 66%;
max-width: 100%;
padding: 20%;
max-height: 100%;
height: auto;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wp-block-gallery .blocks-gallery-item figure {
flex-direction: column;
}
.wp-block-gallery .blocks-gallery-item figcaption {
position: relative;
bottom: auto;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 10px 0 20px 0;
color: #333;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent);
}
#jtg-695 .jtg-title {
font-weight: 400;
display: none;
}
.modula-fancybox-caption__body .titx{    position: absolute;
top: -408%;
text-align: right;
display: unset;
left: 60%;
}
html body .modula-fancybox-container .modula-fancybox-toolbar {
right: 30%;
top: 15px;
} .modula-fancybox-button--arrow_left{
position: fixed !important;
top: 50% !important;
left: 10px !important;
padding: 20px !important;
}
.modula-fancybox-button--arrow_right{
position: fixed !important;
top: 50% !important;
right: 10px !important;
padding: 20px !important;
}
.hometext {
border-right: 1px solid rgba(244, 244, 244, 1);
border-left: 1px solid rgba(244, 244, 244, 1);
}
.hometext p {
padding-right:10px;
}
.custom-grid-buton {
margin-top: -42px;
}      .proimgtip {
height: 500px !important;
}
.topsilider .is-full-height {
height: calc(117vh - 0px)!important;
position: absolute;
}
#jtg-695 .modula-items .figc p.description {
color: #ffffff;
position: absolute;
bottom: 113px;
}
html body .modula-fancybox-container .modula-fancybox-button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
padding: 10px;
} .right-box-header-mob {
border: 1px solid #ffffff2b;
max-height: 114px;
min-height: 114px;
}
.right-box-mob {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px;
min-height: 114px;
}
@media screen and (max-width: 549px){
.slider-wrapper .flickity-prev-next-button {
display: block;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 51px;
height: 58px;
background: rgba(0, 0, 0, 0.2);
left: 16px;
top: 83%;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 69px !important;
}
.textslid {
font-size: 24px !important;
height: 114px;
padding-right: 18px;
padding-top: 14px;
}
.map-home {
height: auto;
border-left: 1px solid rgba(244, 244, 244, 1);
}
.map-disc {
font-size: 20px;
font-weight: 700;
padding-right: 20px;
padding-bottom: 27px;
margin-bottom: 0;
}
.map-title {
right: 184px;
top: 357px;
font-style: normal;
font-weight: 500;
font-size: 76px;
color: #2F3890;
margin-bottom: -2px;
padding-right: 20px;
padding-top: 0;
}
.alignnonewp-image-79 {
margin-top: 0px;
width: 40px;
height: 40px;
}
.about-tab-manux .tab {
width: 300px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
width: 67%;
} .about-tab-manux .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
}
.about-tab-manux .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manux .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manux .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manux .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manux .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
} @media screen and (max-width: 549px){
.img68cbgmi > div > img {
width: 49px !important;
}
.title68cbgmi > h2 > span {
line-height: 1.8em;
margin-right: 11px;
padding: 15px 0 0px 0px;
}
.img68cbgmi {
margin-top: 12px !important;
}.title68cbgmi > h2 {
margin-bottom: 0 !important;
}
.containerz span {
font-size: 0.5em !important;
}
.mobtitle .section-title-main {
color: rgb(233, 233, 233);
position: absolute;
font-size: 40px;
right: 50px;
width: 100%;
top: -49px;
}
input#gform_submit_button_1 {
width: 100%;
margin-bottom: 15px;
}
.small-box-mob-dis {
margin-top: 74px;
margin-left: 0;
width: 40px;
position: absolute;
height: 40px;
right: 0;
}
.small-box-mob {
margin-left: 44px;
width: 40px;
margin-top: 39px;
height: 40px;
}
.chart-box {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px !important; 
}
.right-box {max-height: 114px !important; }
.chart-title-mob .section-title-main {
font-size: 16px !important;
font-weight: 700;
position: absolute;
top: -40px;
width: 200px;
right: 43px;
}
.right-box-about-mob {
border: 1px solid rgba(244, 244, 244, 1);
max-height: 114px; 
}
.mangbox::before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghboxtwo:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghbox:before {
content: "";
background: rgba(129, 129, 129, 0.9);
width: 64px;
height: 64px;
position: absolute;
top: -31px;
left: auto;
opacity: 0.3;
z-index: 1;
right: 40%;
}
.taghimg img {
width: 156px;
height: 221px;
margin-top: 5%;
margin-bottom: 12%;
}
.taghbox span {
margin-top: 28px;
}
} @media screen and (max-width: 549px){
.about-tab-manu .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
}
.about-tab-manu .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manu .tab {
width: 300px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
width: 67% !important;
}
.about-tab-manu .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manu .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manu .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manu .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.top-con-title {    text-align: justify;
font-size: 28px !important;
margin-top: 0;
position: absolute;
top: -28px !important;
right: 50px;
}
.title-box {
border: 1px solid #e8dede;
max-width: 40px;
height: 40px;
margin-left: 22px;
margin-top: -3px;
} 
.scribox {
position: absolute;
width: 40px;
height: 40px;
top: 76px;
}
.mobtitlec .section-title-main {
position: absolute;
font-size: 35px;
right: 39px;
width: 100%;
top: 36px;
}
}
.footer-wrapper .row {
-webkit-box-sizing: Inherited !important;
box-sizing: Inherited !important;;
}
.footer-wrapper .left-box2 p {
font-weight: 900; }
.footer-wrapper .right-box2 p {
font-weight: 900; } @media screen and (max-width: 549px){
.about-tab-manup .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
white-space: nowrap;
overflow-x: overlay;
overflow-y: hidden;
display: block;
margin-right: 12px !important;
}
.about-tab-manup .nav::-webkit-scrollbar {
position: absolute;
top: -50px;
z-index:1; 
width:10px;
}
.about-tab-manup .tab {
width: 150px;
background: rgba(0, 0, 0, 0.3);
margin: 0 !important;
float: none;
display: inline-block;
}
.about-tab-manup .nav::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece  {
background: transparent;
display:none;
}
.about-tab-manup .nav::-webkit-scrollbar-thumb {
background-color: rgb(96, 96, 96);
background-clip: padding-box;
border: 2px solid transparent;
display:none;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}
.about-tab-manup .nav::-webkit-scrollbar-thumb:active {
background-color: rgb(128, 128, 128);
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button {
background: linear-gradient(269.47deg, rgba(0, 0, 0, 0.6) 32.7%, rgba(0, 0, 0, 0) 68.51%);
transform: matrix(-1, 0, 0, 1, 0, 0);
background-size: 250px;
background-repeat: no-repeat;
position: fixed;
top: -50px;
} .tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
overflow-x: overlay;
overflow-y: hidden;
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement {
height: 10px;
width: 50px;
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
background-position: 15px 15px;
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/04/Vector-30.svg);
background-size: 12px 24px;
} .about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment {
height: 50px;
width: 50px;
background-position: 3px 3px;
background-image: url(https://img.icons8.com/flat-round/2x/arrow.png);
position: absolute;
top: -50px;
float: right;margin-top: -100px;
display:none;
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(112, 112, 112)'><polygon points='0,0 0,100 50,50'/></svg>");
}
.about-tab-manup .nav::-webkit-scrollbar-button:single-button:horizontal:increment:active {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='0,0 0,100 50,50'/></svg>");
}
} @media screen and (max-width: 549px){
#jtg-853 .jtg-title {
font-weight: 400;
display: none;
}
.map-container {
height: 601px;
}
html body .modula-fancybox-slide {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
position: absolute;
text-align: center;
top: 0;
transition-property: transform,opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.modula-fancybox-caption__body {
width: 100% !important;
bottom: 0px;
left: 0;
top: -65% !important;
background: #000000f5;
padding: 20px;
color: white;
}
html body .modula-fancybox-container .modula-fancybox-toolbar {
right: 13px;
top: 31.6%;
}
.tabbed-content .nav, .tabbed-content .tab-panels {
width: 100%;
position: initial;
padding-right: 14px !important;
padding-left: 15px !important;
}
p {
font-family: 'vligh';
font-weight: 600;
}
.forrowful {
padding-left: 15px !important;
padding-right: 15px !important;
}
.contact-form {
border-right: 1px solid #f3ecec;
border-left:1px solid #f3ecec;;
}
.topcont .row.row-collapse {
padding-left: 15px !important;
padding-right: 15px !important;
}
}  @media screen and (max-width: 849px) {
.header-inner .nav {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: 4px;
}
.medium-logo-center .logo {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
margin: 0 15px;
margin-right: 28px;
}
.tab-panels .entry-content {
padding: 0;
border-right: 1px solid #f3ecec;
border-left: 1px solid #f3ecec;
overflow: hidden;
}
.slider-wrapper .col-inner .row {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.Formcont {
padding-right: 15px;
padding-left: 15px;
}
.footer-wrapper .col-inner {
position: relative;
margin-left: 0;
margin-right: 0;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.footer-wrapper {
width: 100%;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(28px) !important;
}
.nav-sidebar.nav-vertical>li+li {
border-top: 1px solid #ececec;
border: none;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
color: rgb(255 255 255 / 85%);
}
.off-canvas .nav-vertical>li>a {
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
}
.topsilider .is-full-height {
height: calc(46vh - 0px)!important;
position: absolute;
}
.transparent #logo img {
width: 30% !important;
position: absolute !important;;
top: 13px !important;;
left: 35% !important;;
}
.img-footer img {
height: AUTO !important;
}
}
@media (min-width: 390px) and (max-width: 440px) {
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 63px;
height: 58px;
background: rgba(0, 0, 0, 0.2);
left: 16px;
top: 83%;
}  
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 73px !important;
}
} @media (min-width: 1150px) and (max-width: 1480px) {
.topsilider .is-full-height {
height: calc(144vh - 0px)!important;
position: absolute;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 19.5%!important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 135px;
height: 135px;
background: rgba(0, 0, 0, 0.2);
left: 141px;
top: 82%;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 135px;
height: 135px;
background: rgba(0, 0, 0, 0.2);
left: 9.2%;
top: 83.7%;
}
}
.Formcont {
margin-bottom: -41px;
}
html body .modula-fancybox-caption__body {
max-height: 47px;
overflow: auto;
pointer-events: all;
float: right;
position: absolute;
right: 14%;
top: 10px;
width: 60%;
overflow: inherit;
padding-top: 7px;
text-align: right !important;
font-size: 18px !important;
}
.imgboxbor {
border-left:1px solid rgba(244, 244, 244, 1);;
}
@media (min-width: 1050px) and (max-width: 1180px) {
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 402px !important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 128px;
height: 139px;
background: rgba(0, 0, 0, 0.2);
left: 266px;
top: 82%;
}
}
.header-nav-main.nav-line-bottom > li > a:before, .header-nav-main.nav-line-grow > li > a:before, .header-nav-main.nav-line > li > a:before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a {
color: #FFF!important;
background-color: rgba(255, 255, 255, 0.15) !important;
}
.about-tab-manu .contact-first-row {
margin-bottom: -29px;
}
.scribox {
height: 70px;
max-width: 68px;
background: rgba(129, 129, 129, 0.9);
opacity: 0.3;
}
.protext .alignnonewp-image-79 {
margin-top: 0;
}
@media (min-width: 1400px) and (max-width: 1500px) {
.flickity-prev-next-button.previous {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: auto;
left: 20.5%!important;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
opacity: 0.7;
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
width: 120px;
height: 120px;
background: rgba(0, 0, 0, 0.2);
left: 10.2%;
top: 85.7%;
margin-left: 35px;
z-index:999;
}
}
#tf-stat-1281 {
background-size: cover;
height: 275px;
} @media (min-width: 550px) and (max-width: 850px) {
.slider-wrapper.relative.topsilider.show-for-medium{
display:none;
}
}
.section-title-normal{
border-bottom: none;
}
.img68cbg {
right: -23px;
bottom: 23px;
}
.title68cbg span {
border: none;
font-size: 30px;
}
.img68cbgm{
margin-top: -53px;
width: 52px !important;
}
.title68cbgm{
margin-top: -57px !important;
margin-bottom: 16px !important;
display: inline-block !important;
float: left !important;
right: 60px !important;
z-index: 9999 !important;
position: relative !important;
}
.cbgcounter.fa{
font-family: "pfont";
font-weight: 100;
font-size: 60px;    
}
.container.section-title-container.title68cbg.headingbg:before {
content: '';
background: url(http://cbg-co.ir/wp-content/uploads/2021/04/Rectangle-26-1.png);
width: 57px;
height: 57px;
position: absolute;
right: 0;
z-index: 9999;
}
.container.section-title-container.title68cbg.headingbg {
margin-top: 12px !important;
margin-right: 4rem;
}
span.cbgcounter {
font-family: 'vrenum' !important;
font-size: 76px !important;
letter-spacing: 7px;
}
.containerz span {
font-size: 1.8em;
}
span.mg_lb_lcms_toggle_thumbs.fas.fa-ellipsis-h {
display: none;
}
@media screen and (min-width: 530px) and (max-width: 768px) {
.about-tab-manu .tab a {font-size: 23px;}  @media screen and (min-width: 530px) and (max-width: 768px) {
.about-tab-manu .tab a {font-size: 23px;}
.box-produc, .box-producbl, .box-producbr, .right-boxbr, .left-box, .right-box-about, .right-box-aboutbr {height: 200px;}
.slidersec .right-box, .right-boxbl, .box-produc {
height: 200px !important;
}
}
span.cbgcounter.map-title {
font-size: 76px !important;
font-weight: 800 !important;
margin-right: -25px;
}
.pararec3 h2 p {
margin-right: 3.5em !important;
line-height: 45px !important;
}
.pararec3 h2 span:before {
content: '';
background: url(http://cbg-co.ir/wp-content/uploads/2021/03/Rectangle-25.png);
width: 57px;
height: 57px;
position: absolute;
right:0;
top:0
}
@media screen and (max-width: 549px){
.height350 {
height: 350px;
}
.right-box2 {
max-height: fit-content !important; 
}
a.footerlink {
font-size: 22px;
}
.modal a.close-modal {
color: transparent !important;
}
.section {
padding: 30px 0 0 0 !important;}
.pararec3 h2 p {
margin-right: 2.5em !important;
line-height: 52px !important;
margin-bottom: 1em;
font-weight: 700 !important;
}
.titrectmoben.contactfa {
font-family: 'vligh' !important;
float: right;
display: inline-block;
top: 75px;
font-size: 24px;
position: absolute;
width: 200px;
right: 60px;
left:auto;
color: #2f3890;
font-weight: bold;
z-index:999;
}
.line13 h2 p{line-height: 1.3em;}
.line16 h2 p{line-height: 1.6em !important;}
.line26 h2 p{line-height: 2.6em !important;;}
.forrowful {
width: 100% !important;
}
.pararec3 p span {
display: block;
}
section#section_4468886 {
padding-bottom: 0 !important;
}
}
.w3-right {
position: absolute;
top: 35%;
color: #fff;
left: 0 !important;
right: auto !important;
}
.modal a.close-modal a,
.modal a.close-modal{
color: transparent !important;
}
.modal-spinner {
z-index: 99999999;
}
.height275 {
height:275px;
}
.height185 {
height:185px;
}
a.footerlink {
color: #fff !important;
font-weight: normal;
}
.footerwidth {
width: 50%;
margin: 0 auto;
}
.footerwidth i {
margin-left: 8px;
}
.ico1 {
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/09/building-fill.svg);
background-repeat: no-repeat;
background-position: right top;
background-size: 20px;
}
.ico2 {
background-image: url(http://cbg-co.ir/wp-content/uploads/2021/09/Phone.svg);
background-repeat: no-repeat;
background-position: right top;
background-size: 20px;
}
@media (min-width:769px) and (max-width:1024px) {
.hot {
position: absolute;
overflow: hidden;
height: 68rem !important;
background-size: cover;
z-index: 99;
width: 100%;
right: 33%;
}}
.hot {
position: absolute;
overflow: hidden;
height: 73rem;
background-size: cover;
z-index: 99;
width: 100%;
right: 33%;
top: 31px;
}
.hot input { display: none !important; }
.hot .button { color: white; font-size: 0; background-color: #263e73; display: block; padding: 5px; border-radius: 100%; cursor: pointer; animation: fadein .5s; animation: pulse 1.5s infinite; }
.content { background: white; padding: 1rem 1rem 2rem 1rem; text-align: center; display: none; margin: 10%; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(211,47,47,0); }
.cross { font-weight: bold; }
#b1 {position: absolute;left: 39.25%;top: 18.5%;}
#b2 {position: absolute;left: 58%;top: 42.5%;}
#b3 {position: absolute;left: 53%;top: 16.5%;}
#b4 {position: absolute;left: 51%;top: 17%;}
#b5 {position: absolute;left: 16.25%;top: 20.5%;}
#b6 {position: absolute;left: 23%;top: 22.5%;}
#b7 {position: absolute;left: 57%;top: 45.5%;}
#b8 { position: absolute; left: 52.5%; top: 13%; }
#b9 {position: absolute;left: 60.5%;top: 52.5%;}
#b10 {position: absolute;left: 74.5%;top: 17%;}
#b11 {position: absolute;left: 75%;top: 20.5%;}
#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11 {z-index: -1;}
#input1:checked ~ #content1,
#input2:checked ~ #content2,
#input3:checked ~ #content3,
#input4:checked ~ #content4,
#input5:checked ~ #content5,
#input6:checked ~ #content6,
#input7:checked ~ #content7,
#input8:checked ~ #content8,
#input9:checked ~ #content9,
#input10:checked ~ #content10,
#input11:checked ~ #content11 { display: block !important; animation: fadein .5s; }
#mobinput1:checked ~ #mobcontent1,
#mobinput2:checked ~ #mobcontent2,
#mobinput3:checked ~ #mobcontent3,
#mobinput4:checked ~ #mobcontent4,
#mobinput5:checked ~ #mobcontent5,
#mobinput6:checked ~ #mobcontent6,
#mobinput7:checked ~ #mobcontent7,
#mobinput8:checked ~ #mobcontent8,
#mobinput9:checked ~ #mobcontent9,
#mobinput10:checked ~ #mobcontent10,
#mobinput11:checked ~ #mobcontent11{
display: block !important; animation: fadein .5s;
}
#mobb1{ position: absolute; left: 39%; top: 20.75%; }
#mobb2{ position: absolute;  left: 58%; top: 45%;}
#mobb3{ position: absolute; left: 54%; top: 18.5%; }
#mobb4 { position: absolute; left: 51%; top: 19.5%;}
#mobb5 { position: absolute; left: 16%; top: 23%;}
#mobb6 { position: absolute; left: 23%; top: 25%; }
#mobb7 { position: absolute; left: 56%; top: 46%; }
#mobb8 { position: absolute;   left: 52.5%; top: 15.5%;}
#mobb9 { position: absolute;  left: 60%; top: 55%;}
#mobb10 { position: absolute; left: 74%; top: 19.5%; }
#mobb11 { position: absolute;   left: 75%; top: 22.75%;}
#mobb1, #mobb2, #mobb3, #mobb4, #mobb5, #mobb6, #mobb7, #mobb8, #mobb9, #mobb10, #mobb11 {z-index: -1; padding:3px;}
input:checked ~ .hot label .button { display: none !important; animation: fadeout .5s; }
.button:hover { color: #363e93; background: white; }
.cta { display: inline-block; background: #363e93; color: white; padding: 12px 24px; margin-top: 48px; border-radius: 24px; text-decoration: none; transition: all .3s ease; }
.cta:hover { text-decoration: underline !important; box-shadow: 0 0 0 6px rgba(211, 46, 46, 0.4); }
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes fadeout {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes pulse {
from {box-shadow: 0 0 0 0px rgb(38 62 115);}
to { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); }
}
.right-box2 ul li::before {
content: "\2022";
color: #2f3890;
font-weight: bold;
display: inline-block;
width: 1.5em;
margin-left: -1em;
font-size: 45px;
vertical-align: sub;
line-height: 5px;
padding-top: 7px;
}
.right-box2 ul {
list-style: none;
}
.right-box2 {
padding: 0 12px;
border: 1px solid rgba(244, 244, 244, 1);
max-height: fit-content !important;
overflow: hidden;
}
.right-box2 li {
margin-bottom: 0 !important;
}
.right-box2 ul li {
font-size: 20px;
}
.button.icon.circle {
font-size: 15.5px;
}
@media (max-width: 414px) {
.mobhot {
height: 141vw !important;
position: absolute;
right: 0;
left: auto;
width: 100%;
z-index: 10;
top: 0;
}
.mobhot .button {
color: white;
font-weight: bold;
font-size: 0;
background-color: #263e73;
display: block;
padding: 5px;
border-radius: 100%;
cursor: pointer;
animation: fadein .5s;
animation: pulse 1.5s infinite;
}}
@media only screen and (min-width : 768px) { 
.cbgimg2 .text-center>div, .cbgimg2 .text-center>div>div, .cbgimg2 .text-center .is-divider, .cbgimg2 .text-center .star-rating, .cbgimg2 .text-center .is-star-rating {
height: 400px !important;
}
.box-produc, .box-producbl, .box-producbr, .right-boxbr, .left-box, .right-box-about, .right-box-aboutbr {
height: 200px !important;} }
}
@media only screen and (min-width: 768px)  {
.tabbed-content.about-tab-manu span {
FONT-SIZE: 21PX;
}}
@media screen and (max-width: 849px){
.footer-wrapper {
padding-right: 0;
padding-left: 0;
}
.slidersec .right-box, .right-boxbl, .box-produc {
height: 200px !important;
}
}
.about-tab-manux .tab a {
font-size: 1.3em;}
*/ new css */
.titlebox {
margin: 15px 10px;
}
.ico1,.ico2 {
background-position: right top;
margin-right: 20px;
}
.footerwidth i {
margin-left: 10px;
}