/*!

Theme Name: PE

Theme URI: http://staldrillpetroleum.com/

Author: Rubaitul Azad

Author URI: https://rubaitulazad.com/

Description: The PE is one of the leading company started operations in the year 2020 with the strength of experience team members and the Group is built on a strong foundation of its parent company KTP Exports head quartered at Singapore and offices in Indonesia, India , Thailand and UAE.

Version: 5.1.2

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: staldrillpetroleum

Tags: blue, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, sticky-post, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



*/



.stm_gmap_wrapper .alert {

    margin-bottom: 0;

}



.stm_gmap_wrapper .alert strong {

    color: #ff0000;

}



.loader {

    position: relative;

    margin: 0 auto;

    width: 100px

}



.loader:before {

    content: '';

    display: block;

    padding-top: 100%

}



.circular {

    -webkit-animation: rotate 2s linear infinite;

    animation: rotate 2s linear infinite;

    height: 100%;

    -webkit-transform-origin: center center;

    transform-origin: center center;

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}



.path {

    stroke-dasharray: 1, 200;

    stroke-dashoffset: 0;

    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;

    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;

    stroke-linecap: round

}



.top_nav .top_nav_wrapper > ul > li,

.top_nav .main_menu_nav > ul > li,

.breadcrumbs {

    text-transform: none !important;

}



.woocommerce-MyAccount-navigation ul li a {

    font-family: inherit !important;

}



.company_history {

    min-width: 48px;

}



/* OCT 26 UPD */

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

    body.header_style_3 .logo {

        float: none;

    }

    body.header_style_3 #header .header_top .icon_text {

        float: left;

        margin: 30px 30px 0 0;

    }

    body.header_style_3 #header .top_nav .icon_text {

        display: none;

    }

    body.header_style_3 #header .top_nav .icon_text:before {

        display: none;

    }

    .top_nav .top_nav_wrapper > ul > li > a {

        padding: 21px 14px;

    }

}



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

    body .vc_cta3.vc_cta3-actions-right .vc_cta3-content {

        width: auto !important;

        text-align: center;

        margin: 0 0 20px;

    }

    body .vc_cta3.vc_cta3-actions-right .vc_cta3-content .vc_custom_heading {

        text-align: center;

    }

    body .vc_cta3.vc_cta3-actions-right .vc_btn3-container.vc_btn3-right {

        text-align: center

    }

    .stm_gmap_wrapper .gmap_addresses .owl-dots-wr {

        z-index: 15;

    }

    .full_height_columns {

        overflow: hidden;

        position: relative;

    }

    .full_height_columns iframe {

        height: 540px !important;

    }

}



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

    html body.error404 {

        background-size: inherit !important;

    }



    .page_404 .container {

        width: auto;

    }



    .page_404 .container .media-middle {

        display: block;

        width: auto;

        padding: 20px 0;

    }

}



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

    .page_404 .bottom h1 {

        font-size: 158px !important;

        line-height: 113px !important;

    }



    .page_404 .bottom .bottom_wr {

        padding: 30px 15px;

    }

}



/* Dec 1 2016 */

.staff_list.grid.cols_2 ul li {

    width: 50%;

    flex: 0 0 50%;

}

.staff_list.grid.cols_4 ul li {

    width: 25%;

    flex: 0 0 25%;

}



.staff_list.grid.cols_2 ul li .staff_image {

    max-width: 100%;

}



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

    .staff_list.grid.cols_2 ul li,

    .staff_list.grid.cols_4 ul li {

        width: 100%;

        flex: 0 0 100%;

    }

}



.stm_gmap_wrapper .gmap_addresses .owl-dots-wr {z-index:999}



#footer .footer_widgets .widget .widget_title {

    font-size: 26px;

}



#footer .copyright_row .copyright_row_wr .copyright a:first-child {

    color: inherit;

}



body textarea.wpcf7-form-control.height205 {

    height: 205px;

}



body textarea.wpcf7-form-control.height147 {

    height: 147px;

}



html:before {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: opacity 0.6s ease-in-out;

    -moz-transition: opactiy 0.6s ease-in-out;

    -ms-transition: opacity 0.6s ease-in-out;

    -o-transition: opacity 0.6s ease-in-out;

    transition: opacity 0.6s ease-in-out;

    visibility: hidden;

    background: #ffffff;

    z-index: 999999;

}



html.stm-site-preloader:after {

    position: fixed;

    content: '';

    display: block;

    top: 50%;

    left: 50%;

    width: 32px;

    height: 32px;

    margin: -16px 0 0 -16px;

    background: none;

    background-color: #23393d;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

    -webkit-animation: scaleout 0.5s infinite ease-in-out;

    animation: scaleout 1.0s infinite ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    z-index: 9999999999; }



html.stm-site-preloader:before,

html.stm-site-preloader:after {

    opacity: 1;

    visibility: visible;

}



@-webkit-keyframes scaleout {

    0% {

        -webkit-transform: scale(0); }

    100% {

        -webkit-transform: scale(1);

        opacity: 0; } }



@keyframes scaleout {

    0% {

        transform: scale(0);

        -webkit-transform: scale(0); }

    100% {

        transform: scale(1);

        -webkit-transform: scale(1);

        opacity: 0; } }



@media only screen and (min-width: 1199px) {

    body.header_full_width.boxed_layout #header .container {

        padding: 0 15px !important;

    }

    .right-indent-30 {

        padding-right: 30px !important;

    }

    .form_full-right_width {

        padding-right: 15px !important;

    }

    .form_full-right_width .vc_column-inner {

        margin-right: -5000px !important;

        margin-left: 25px !important;

        padding-top: 76px !important;

        padding-right: 5000px !important;

        padding-left: 50px !important;

    }



    .about_full-right_width .vc_column-inner {

        padding-left: 55px !important;

    }



    .site_layout_16 .form_full-right_width,

    .site_layout_17 .form_full-right_width,

    .site_layout_18 .form_full-right_width {

        padding-left: 15px !important;

    }

    .site_layout_16 .form_full-right_width .vc_column-inner,

    .site_layout_17 .form_full-right_width .vc_column-inner,

    .site_layout_18 .form_full-right_width .vc_column-inner {

        margin-left: -5000px !important;

        margin-right: 25px !important;

        padding-top: 76px !important;

        padding-left: 5000px !important;

        padding-right: 50px !important;

    }

}

@media only screen and (min-width: 768px) {

    .about_full-right_width .vc_column-inner {

        margin-right: -500px !important;

        padding-right: 500px !important;

    }

}

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

    .stm_services .item {

        width: 100% !important;

    }

    .woocommerce div.product div.images .woocommerce-main-image, .woocommerce #content div.product div.images .woocommerce-main-image {

        height: auto !important;

        border: 0 !important;

        text-align: left !important;

    }

    .woocommerce div.product div.images img, .woocommerce #content div.product div.images img {

        max-width: 100% !important;

    }

    .stm_works_wr.grid.style_1 .stm_works .item .item_wr img {

        width: 100%;

    }

}

.mobile_header .logo_wrapper .logo { max-width: 80%; }

.logo a img { max-width: 100%; }



@media only screen and (min-width: 1199px) {

    body.boxed_layout .vc_row[data-vc-full-width] {

        left: 50% !important;

        padding-left: 60px !important;

        padding-right: 60px !important;

        margin-left: -615px !important;

        width: 1230px !important;

    }

    body.boxed_layout .vc_row.vc_row-no-padding[data-vc-full-width] {

        left: 50% !important;

        padding-left: 0 !important;

        padding-right: 0 !important;

        margin-left: -615px !important;

        width: 1230px !important;

    }

}



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

    html body ul.main_menu_nav li.stm_megamenu > ul.sub-menu > li {

        padding: 0 !important;

    }

}



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

    #sb_instagram #sbi_images .sbi_item {

        max-height: 140px;

    }

}



.icon_box {

    display: block;

    text-decoration: none !important;

    color: inherit !important;

}



.g-recaptcha {

    padding: 0 !important;

    background: transparent !important;

}



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

    .woocommerce ul.products li.product,

    .woocommerce-page ul.products li.product {

        width: 100% !important;

    }

}



.icon_top_transparent i,

.icon_left_transparent i {

    background: transparent !important;

}



.user_validated_field.form-error {

    border-color: #ff0000 !important;

}



body.booked-noScroll {

    position: static;

    overflow-y: scroll;

}



.home #main.footer_hide {

    padding-bottom: 0;

}



@media (max-width: 1480px) and (min-width: 1025px) {

    .testimonials_carousel .slick_prev {

        left: -50px !important;

    }



    .testimonials_carousel .slick_next {

        right: -50px !important;

    }

}



.woocommerce.shop_widgets ul.product_list_widget li:last-child {

    padding-bottom: 20px;

    border: 0;

}



.woocommerce .widget_shopping_cart .total,

.woocommerce.widget_shopping_cart .total {

    border-top: 1px double #ebe9eb;

    padding: 10px 0 0;

}



/* Autoptimize */

.home .stm_select_country_unit .select2-container,

.home .stm_select_office_unit .select2-container {

    width: 100% !important;

}



.stm_sidebar .third_bg_color {

    margin-right: 0px !important;

    margin-bottom: 30px !important;

    margin-left: 0px !important;

}



.stm_sidebar .third_bg_color .vc_column-inner {

    padding-top: 30px !important;

    padding-right: 30px !important;

    padding-bottom: 40px !important;

    padding-left: 30px !important;

}



.stm_sidebar .third_bg_color .vc_column-inner .vc_custom_heading h4 {

    padding: 0;

    margin: 0;

}



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

    .woocommerce ul.products li.product,

    .woocommerce-page ul.products li.product {

        width: 100% !important;

    }

}



.icon_top_transparent i,

.icon_left_transparent i {

    background: transparent !important;

}



.user_validated_field.form-error {

    border-color: #ff0000 !important;

}



body.booked-noScroll {

    position: static;

    overflow-y: scroll;

}



.vc_image_carousel.style_1 .item img {

    margin-left: auto;

    margin-right: auto;

}



.stats_counter.right {

    text-align: right;

}



.stats_counter.center {

    text-align: center;

}



.slotholder {

    filter: none !important;

}



body.header_style_2 .header_top .top_nav .header_socials {

    margin-left: 20px !important;

}

body.header_style_2 .header_top .top_nav .header_socials a {

    margin-left: 20px !important;

}

body.site_layout_17.header_style_2 .header_top .top_nav .top_nav_wrapper>ul>li>a {

    padding: 10px 14px;

}

body.header_style_2 .header_top .top_nav .header_socials a:first-child {

    margin-left: 0 !important;

}

body.header_style_6 .header_top .top_nav .top_nav_wrapper>ul>li>a,

body.header_style_6 .header_top .top_nav .main_menu_nav>ul>li>a {

    padding: 10px 18px !important;

}

body.site_layout_14 .top_nav .top_nav_wrapper.stm_l14_footer_menu ul.main_menu_nav li a {

    padding-right: 36px !important;

    padding-left: 36px !important;

}



.stm_the_excerpt {display:none;}



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

    .stm_news .news_list.posts_per_row_3 li {

        width: 100% !important;

    }

}



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

    .vc_col-sm-4 .info_box.style_3 .info_box_text p {

        display: none;

    }

}



.wpcf7-form-control.wpcf7-wpgdprc {

    padding: 0 !important;

    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

}



.wpcf7-form-control.wpcf7-wpgdprc span.wpcf7-list-item {

    margin-left: 0;

}

.wpcf7-form-control.wpcf7-wpgdprc .wpcf7-list-item-label {

    padding-left: 4px;

}

.wpcf7-not-valid {

    box-shadow: 0 0 1px red !important;

}



body .vc_row.fixed_bg{

    background-attachment: fixed;

    background-position: 50% 0 !important;

    transform: translate3d(0,0,0);

    -webkit-transform: translate3d(0,0,0);

}



body.woocommerce-cart .woocommerce {

    min-height: 325px;

}

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

    body.woocommerce-cart .woocommerce {

        min-height: 0;

    }

}



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

    .woocommerce-cart table.cart td.actions .coupon .input-text {

        float: none;

        width: 100%;

        margin: 0 0 15px;

    }



    body .vc_cta3.vc_general.vc_cta3-style-flat {

        padding: 50px 0 30px;

    }



    #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item {

        width: 33.333333% !important;

    }



    body .vc_progress-bar-color-custom {

        padding-right: 0 !important;

    }

}







/*Global*/

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

    .page_404 .bottom .bottom_wr {

        padding: 70px 15px;

    }

}



@media only all and (max-height: 1366px) and (max-width: 1024px) {

    body.error404 {

        background-size: inherit;

    }



    .page_404 .bottom .bottom_wr {

        padding: 125px 15px;

    }

}



@media only all and (max-height: 1024px) and (max-width: 1366px) {

    .page_404 .bottom .bottom_wr {

        padding: 106px 15px;

    }

}



@media only all and (max-height: 768px) and (max-width: 1024px) {

    .page_404 {

        text-align: center;

    }



    .page_404 .bottom .bottom_wr {

        padding: 20px 15px 30px;

    }



    .page_404 .container .media-right {

        padding-bottom: 25px;

    }



    .page_404 .container .media-middle {

        display: block;

        width: auto;

        padding: 20px 0 5px;

    }

}



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

    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) {

        padding-left: 50px;

        padding-right: 30px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        left: 20px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) {

        padding-left: 30px;

        padding-right: 50px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        right: 20px;

    }



    html body .post_links_box .archive_button a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) {

        font-size: 0;

        padding: 0;

        height: auto;

        line-height: 0;

    }



    html body .post_links_box .archive_button a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        font-size: 20px;

        position: relative;

        margin: 10px;

        top: 9px;

        left: 0;

    }

}



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

    /*Service Financial*/

    body .stm_chart.legend_position_right canvas {

        display: block;

        margin: 0 auto;

    }



    body .stm_chart.legend_position_right .chart-legend {

        display: block;

        padding: 0;

        text-align: center;

    }



    body .stm_chart.legend_position_right .chart-legend li {

        display: inline-block;

        margin: 15px 24px 12px 0;

    }

}



@media only all and (max-height: 320px) and (max-width: 568px) {

    .page_404 .bottom .bottom_wr {

        padding: 5px 15px 15px;

    }

}



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

    .page_404 .bottom .bottom_wr {

        padding: 70px 15px;

    }

}



@media only all and (max-height: 1366px) and (max-width: 1024px) {

    body.error404 {

        background-size: inherit;

    }



    .page_404 .bottom .bottom_wr {

        padding: 125px 15px;

    }

}



@media only all and (max-height: 1024px) and (max-width: 1366px) {

    .page_404 .bottom .bottom_wr {

        padding: 106px 15px;

    }

}



@media only all and (max-height: 768px) and (max-width: 1024px) {

    .page_404 {

        text-align: center;

    }



    .page_404 .bottom .bottom_wr {

        padding: 20px 15px 30px;

    }



    .page_404 .container .media-right {

        padding-bottom: 25px;

    }



    .page_404 .container .media-middle {

        display: block;

        width: auto;

        padding: 20px 0 5px;

    }

}



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

    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) {

        padding-left: 50px;

        padding-right: 30px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        left: 20px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) {

        padding-left: 30px;

        padding-right: 50px;

    }



    html body .post_links_box a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        right: 20px;

    }



    html body .post_links_box .archive_button a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) {

        font-size: 0;

        padding: 0;

        height: auto;

        line-height: 0;

    }



    html body .post_links_box .archive_button a.portfolio_btn.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) i.vc_btn3-icon {

        font-size: 20px;

        position: relative;

        margin: 10px;

        top: 9px;

        left: 0;

    }

}



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

    /*Service Financial*/

    body .stm_chart.legend_position_right canvas {

        display: block;

        margin: 0 auto;

    }



    body .stm_chart.legend_position_right .chart-legend {

        display: block;

        padding: 0;

        text-align: center;

    }



    body .stm_chart.legend_position_right .chart-legend li {

        display: inline-block;

        margin: 15px 24px 12px 0;

    }

}



@media only all and (max-height: 320px) and (max-width: 568px) {

    .page_404 .bottom .bottom_wr {

        padding: 5px 15px 15px;

    }

}



/*Top bar adds*/

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

    body.show-mobile-switcher .top_bar {

        display: block;

    }



    body.show-mobile-switcher .top_bar .container > * {

        display: none;

    }



    body.show-mobile-switcher .top_bar .container > .wpml-ls,

    body.show-mobile-switcher .top_bar .container > #lang_sel {

        display: block;

    }

}

/*GMap notification fix*/

.stm_gmap_wrapper .stm_gmap .gm-style .gm-style-iw {

    margin-top: 0 !important;

}

.stm_gmap_wrapper .stm_gmap .gm-style .gm-style-iw-c {

    padding: 12px !important;

}

.stm_gmap_wrapper .stm_gmap .gm-style .gm-style-iw-d {

    overflow: auto !important;

}

body .stm_gmap_wrapper .stm_gmap .gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div:first-child > div {

    left: 0 !important;

}

/*Instagram box fix*/

#footer .footer_widgets .widget.widget_text #sb_instagram #sbi_images {

    display: flex;

    flex-wrap: wrap;

    float: none !important;

    width: 100% !important;

}



@media (max-width: 667px){

    .stm_news .news_list li .image img {

        width: 100%;

    }

}

.wpb_video_wrapper.active:after {

    display: none !important;

}

.stm_gmap_wrapper .stm_gmap .gm-style .gm-style-iw .h6 {

    text-transform: capitalize !important;

}

.stm-switcher__text,

div [class^=stm-header] span,

[class^=stm-header] span,

[class^=stm-header] a {

    font-family: inherit !important;

}