@font-face {
font-family: 'BellGothic-Bold';
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.eot);
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.woff2) format('woff2'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.woff) format('woff'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.ttf) format('truetype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Bold.svg#BellGothic-Bold) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BellGothic-Black';
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.eot);
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.eot?#iefix) format('embedded-opentype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.woff2) format('woff2'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.woff) format('woff'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.ttf) format('truetype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/BellGothic-Black.svg#BellGothic-Black) format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'OpenSans-Bold';
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.eot);
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.woff2) format('woff2'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.woff) format('woff'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.ttf) format('truetype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.eot);
src: url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.eot?#iefix) format('embedded-opentype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.woff2) format('woff2'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.woff) format('woff'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.ttf) format('truetype'), url(//www.planetgreen.ae/wp-content/themes/betheme-child/fonts/OpenSans.svg#OpenSans) format('svg');
font-weight: normal;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'BellGothic-Bold' !important;
}
body {
color: #3e3e40 !important;
font-family: 'OpenSans' !important;
}
blockquote {
font-family: 'OpenSans' !important;
}
#menu li a {
font-family: 'BellGothic-Bold' !important;
}
.is-sticky #menu {
margin-top: 5px;
}
.pull-right {
float: right;
}
#Top_bar .menu>li a:after {
background: #046634;
}
.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description)::after {
border-top-color: #009749 !important;
;
}
#Top_bar .menu>li.current-menu-item.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current_page_item.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-menu-parent.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-page-parent.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-menu-ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-page-ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current_page_ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.hover.submenu>a>span:not(.description)::after {
border-top-color: #009749 !important;
;
}
@media only screen and (max-width: 767px) {
#Top_bar .menu_wrapper {
position: absolute;
height: 100%;
z-index: 1;
}
#Top_bar a.responsive-menu-toggle {
top: 85px !important;
right: 16px;
}
#Top_bar .logo {
text-align: left;
padding-left: 20px;
position: relative;
z-index: 2;
width: unset;
}
#Top_bar .logo #logo {
margin: 10px 0 !important;
}
#Action_bar,
.tp-caption.green-bg,
.tp-caption.banner-text {
background: transparent !important;
}
#Top_bar .logo #logo,
#Top_bar .logo .custom-logo-link {
margin-left: 0;
}
.hidden-xs {
display: none;
} .page-template-blog #Header,
.single-post #Header{
min-height: auto !important;
}
.blog_new_banner img {
width: 100%;
max-width: 100%;
height: auto !important;
}
}
.btn,
[class*='readmore'] {
font-family: 'OpenSans-Bold';
}
p {
color: #3e3e40;
}
.home-about {
border-right: 1px solid #ccc;
padding-right: 40px;
}
.fancy_heading .title {
text-align: left;
text-transform: inherit;
line-height: 36px;
}
.column_fancy_heading {
margin-bottom: 0;
}
.column.no-margin {
margin: 0;
}
.column.margin-right-10 {
margin-right: 10px;
}
.tp-caption.banner-text {
font-size: 42px !important;
line-height: 52px !important;
}
.tp-caption.green-bg {
background: #046634 !important;
}
.tp-caption.green-bg:hover {
color: #FFF !important;
}
.white-readmore {
padding: 8px 16px;
border: 1px solid #333;
color: #333;
text-transform: uppercase;
background-color: #FFF;
display: inline !important;
}
.transparent-readmore {
padding: 8px 20px;
border: 1px solid #FFF;
color: #FFF;
text-transform: uppercase;
display: inline !important;
background-color: transparent;
font-size: 14px;
}
.breadcrumb ul.breadcrumbs {
margin-top: 10px;
}
.breadcrumb ul.breadcrumbs li {
display: inline-block;
}
.white-readmore:hover {
text-decoration: none;
background-color: #1B81C2;
border: 1px solid #1B81C2;
color: #FFF;
}
.transparent-readmore:hover {
color: #FFF;
text-decoration: none;
background-color: #1B81C2;
border: 1px solid #1B81C2;
}
.column.no-margin-bottom {
margin-bottom: 0;
}
.column.page-heading {
margin: 0;
}
.fancy_heading {
text-align: left;
}
.cp-head h1,
.cp-head h2,
.cp-head h3,
.cp-head h4,
.cp-head h5,
.cp-head h6 {
text-transform: uppercase;
}
.center .title {
text-align: center !important;
}
.home-sustain p {
margin: 0 auto 20px;
text-align: center;
}
.green,
.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h6 {
color: #009749 !important;
}
.home-icon-box h4 {
text-transform: inherit;
text-align: left;
font-size: 18px;
font-weight: normal;
}
.home-icon-box.left-icons h4 {
padding-left: 30px;
}
.home-icon-box.left-icons img {
width: 50%;
margin-left: 10px;
}
.home-icon-box .icon_box {
padding-left: 50px;
}
.home-icon-box .icon_box .image_wrapper {
text-align: left;
}
.home-icon-box .icon_box .desc_wrapper {
text-align: left;
}
.column_portfolio_slider .portfolio_slider .slick-list.draggable {
width: 85%;
margin: 0 5%;
}
.column_portfolio_slider .portfolio_slider ul li.h-space:first-child {
margin-left: 1%!important;
}
.column_portfolio_slider .portfolio_slider ul li.h-space:last-child {
margin-right: 0!important;
}
.column_portfolio_slider .portfolio_slider ul li.h-space {
margin-right: 1% !important;
}
.column_portfolio_slider .portfolio_slider ul li.h-space .image_wrapper img {
max-height: 215px;
}
.column_portfolio_slider .desc_wrapper {
line-height: 25px;
height: 100%;
margin-top: 20px;
}
.column_portfolio_slider .portfolio_slider .desc_wrapper .desc {
min-height: 100px;
max-height: 100px;
overflow: hidden;
}
.column_portfolio_slider .portfolio_slider .desc_wrapper .link {
margin-top: 18px;
float: left;
}
.btn.btn-primary {
background-color: #199C48;
color: #FFF;
padding: 8px 18px;
text-transform: uppercase;
}
.btn.btn-primary:hover {
background-color: #0d65c9;
text-decoration: none;
}
.btn.btn-secondary {
background-color: #0d65c9;
color: #FFF;
padding: 8px 18px;
text-transform: uppercase;
}
.btn.btn-secondary:hover {
background-color: #199C48;
text-decoration: none;
}
.column_portfolio_slider .portfolio_slider .slider_nav {
font-size: 15px;
height: 35px;
line-height: 35px;
position: absolute;
text-align: center;
z-index: 5;
width: 35px;
top: 50%;
margin-top: -40px;
border-radius: 50px;
background: none;
border: 1px solid #CCC;
color: #CCC;
}
.fullwidth-inner .section_wrapper.mcb-section-inner {
max-width: 1220px !important;
margin: 0 auto;
}
.contact-section-box .fancy_heading .inside,
.contact-address-box {
color: #3e3e40;
}
.contact-address-box .icon_box a {
display: inline;
color: #666;
}
.contact-address-box .icon_box a:hover {
text-decoration: underline;
}
.conact-box-image img {
width: 400px !important;
margin-top: 60px;
}
.tabs_vertical.tab-services {
margin: 0 auto;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-panel {
padding: 0;
}
.tabs_vertical.tab-services .vt_tab_content {
min-height: 500px;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-panel {
width: 61.7%;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav {
float: right;
width: 38.3%;
padding-top: 30px;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav .ui-tabs-nav {
width: 100%;
height: 383px;
}
.tabs_vertical.tab-services .tab-content,
.tabs_vertical.tab-services .tab-content h2 {
color: #FFFFFF;
font-family: 'OpenSans' !important;
;
}
.tabs_vertical.tab-services .tab-content .desc {
max-height: 100px;
min-height: 80px;
margin-bottom: 20px;
overflow: hidden;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav h2 {
padding-bottom: 8px;
margin-left: 40px;
margin-bottom: 25px;
color: #FFFFFF;
border-bottom: 5px solid #FFFFFF;
float: left;
text-transform: inherit;
letter-spacing: 2px;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-panel,
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav {
border: 0 !important;
border-radius: 0 !important;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav li {
color: #FFFFFF;
background: none;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav li a {
color: #FFFFFF;
background: none;
padding: 12.5px 30px !important;
font-family: 'OpenSans-Bold';
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav li.ui-state-active::after {
top: 12px;
left: -20px;
bottom: auto;
border-width: 10px 20px 10px 0;
border-color: transparent #FFF;
content: "";
position: absolute;
border-style: solid;
display: block;
width: 0;
height: auto;
background: transparent;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav li.ui-state-active a {
background: #fff;
border-radius: 0 !important;
color: #666;
}
.homepage-topquote .blockquote {
margin: 0;
line-height: 60px;
}
.homepage-topquote .blockquote blockquote {
background: none;
color: #FFF;
margin: 0;
}
.homepage-topquote .blockquote blockquote::after {
content: '';
}
.faq .question.active p {
margin: 20px 0;
}
.is-sticky #Action_bar {
display: none;
}
.menu_wrapper #Action_bar {
margin-top: 15px;
background: transparent !important;
background-color: transparent !important;
}
.column.mcb-column.grid-view {
margin: 10px 10px 30px 10px;
}
.column.mcb-column.grid-view .image_wrapper img {
max-height: 250px;
min-height: 250px;
}
.column.mcb-column.grid-view .desc_wrapper {
text-align: left;
}
.column.mcb-column.grid-view .desc_wrapper .desc {
min-height: 110px;
max-height: 110px;
overflow: hidden;
}
.column.mcb-column.grid-view .desc_wrapper .link {
float: left;
}
#Action_bar .contact_details {
float: right;
padding-right: 20px;
}
#Footer .footer_copy .one {
margin-bottom: 10px;
padding-top: 20px;
}
#Footer .widget_mfn_menu ul li a {
background: no-repeat;
color: #fff;
border: 0;
padding-left: 0;
}
#Footer .widget_mfn_menu ul li a:hover {
background: none !important;
text-decoration: underline;
}
#Footer .column.two-fifth .textwidget {
padding-right: 80px;
}
#Top_bar .menu>li>a {
padding: 10px 0 0 0 !important;
text-transform: capitalize;
}
#Footer h4 {
text-transform: uppercase;
}
#custom_html-2 {
padding-right: 0px;
}
.icon-phone:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.sustainability-list .post-item {
margin-bottom: 20px;
border-bottom: 1px solid #EEE;
padding-bottom: 20px;
}
.get_in_touch ul li span.icon,
.get_in_touch ul li span {
color: #FFF;
}
div.wpcf7 .screen-reader-response {
position: inherit !important;
height: auto;
padding: px;
width: 95%;
background-color: #fff8e1;
display: contents;
color: #ffab00;
border: 2px solid #FCFCFC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
line-height: 50px;
}
.faq .question {
margin-bottom: 12px;
}
#Footer .footer_copy {
background-color: #0751a5;
}
@media only screen and (min-width: 1240px) {
.tabs_vertical.tab-services .tab-content {
padding: 200px 120px 60px 120px;
max-height: 300px;
}
#Top_bar.is-sticky .menu>li>a::after {
width: 60% !important;
left: 20% !important;
}
.menu-line-below-80 #Top_bar:not(.is-sticky) .menu>li>a::after {
width: 60% !important;
left: 20% !important;
}
}
@media only screen and (min-width: 767px) {
#custom_html-2 {
padding-right: 60px !important;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-panel {
width: 61.7%;
}
.home-sustain p {
width: 70%;
}
}
@media only screen and (max-width: 767px) {
.contact-address-box h3,
.contact-address-box {
color: #FFFFFF !important;
}
.contact-address-box a {
color: #FFFFFF !important;
text-decoration: underline;
}
.column_icon_box h4 {
font-size: 1.3em !important;
line-height: 1.5em !important;
}
.home-icon-box {
margin-top: 30px !important;
}
}
@media only screen and (max-width: 991px) {
.contact-section-box {
padding: 0 20px;
}
}
@media only screen and (max-width: 480px) {
.home-about {
border-right: 0;
}
.home-about {
padding-right: 0px;
}
.home-icon-box .icon_box {
padding-left: 0px;
}
.tp-caption.green-bg,
.tp-caption.banner-text {
display: none;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-panel {
width: 100%;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav {
width: 100%;
}
.tabs_vertical.tab-services .tab-content {
padding: 60px 30px;
}
.tabs_vertical.tab-services.ui-tabs .ui-tabs-nav li a {
text-align: left !important;
}
.tabs_vertical.tab-services .vt_tab_content {
min-height: 100%;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav h2 {
padding-bottom: 8px;
margin-left: 30px;
margin-bottom: 25px;
}
.tabs_vertical.tab-services.ui-tabs .tabs_vertical_tabs_nav .ui-tabs-nav {
margin-top: 60px;
}
.conact-box-image img {
width: 90% !important;
}
.column.mcb-column.grid-view {
margin: 10px 0 30px 0;
}
.post-desc-wrapper,
.post-photo-wrapper {
width: 100%;
}
.post-desc-wrapper .section_wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
#contactNum ul li {
display: block !important;
background: #FFF;
width: 100%;
position: relative;
border-bottom: 1px solid #CCCCCC;
padding: 0 !important;
}
#contactNum {
display: none;
position: absolute;
top: 100%;
z-index: 9999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
#contactNum ul li a {
padding: 10px;
color: #000000 !important;
display: block;
text-decoration: none;
white-space: nowrap;
}
#contactNum ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#Action_bar .contact_details>li>a {
color: #FFFFFF !important;
}
.single-post .mcb-section-inner .breadcrumb {
display: none;
}
.breadcrumb-blog-ul {
display: inline-flex;
}
.ml_null {
margin-left: 0;
}
.blog_new_banner img {
width: 100%;
max-width: 100%;
height: 400px;
} .page-template-blog .services-grid-view .mfn-acc {
display: grid;
width: 100%;
justify-content: left;
align-items: center;
}
.pagination-sec ul {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}
.page-numbers li {
margin-right: 5px;
margin-bottom: 0;
}
.pagination-sec li .page-numbers {
width: 30px;
height: 30px;
padding: 0px 0px;
background: #0d65c9;
color: #fff;
text-align: center;
display: block;
line-height: 29px;
border: 2px solid #0d65c9;
}
.pagination-sec li .page-numbers.current {
background: #fff;
color: #161922;
font-weight: 600;
}
.pagination-sec li .next.page-numbers {
width: auto;
padding: 0 8px;
}
.mfn-acc .image_wrapper .blog-thumbnail-img {
object-fit: cover;
width: 100%;
}
.blog_single_wrapper {
margin-bottom: 3rem;
}
.blog_single_wrapper ul {
list-style: disc;
margin-left: 18px;
margin-bottom: 2rem;
}
.blog_single_wrapper h3 {
font-size: 15px;
}
.blog_single_wrapper .blog-thumbnail-img {
max-height: 300px;
object-fit: cover;
}
#Top_bar .top_bar_left {
width:100%;
}