/*
Theme Name: Zuras Developer
Theme URI: https://zurasglobal.com
Author: ZURAS Global
Description: Custom lightweight theme for ZURAS Global - Railroad, Marine, Power Plant and Oil & Gas equipment and spares
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-menu, featured-images, responsive-layout
Text Domain: zuras-developer
*/

@charset "utf-8";

/* ==========================================================================
   Base Styles
   ========================================================================== */
html { height: 100%; }
p { margin: 0; font-weight: normal; }
body {
    font-family: "Raleway", sans-serif;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 0;
    position: relative;
}

/* ==========================================================================
   Typography & Links
   ========================================================================== */
a {
    color: #474747;
    text-decoration: none;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
}
a:hover, a:focus {
    color: #737373;
    text-decoration: underline;
}
a:active {
    color: red;
    font-weight: bold;
}
strong a { font-weight: bold; }
h4 { margin-top: 0; margin-bottom: 0; }
ul li { text-transform: none; }

/* ==========================================================================
   Navigation
   ========================================================================== */
.topnav {
    text-align: left;
    position: relative;
    top: 78px;
    z-index: 1;
}
.slogan {
    text-align: right;
    position: relative;
    top: 33px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background: none;
    color: #be0108;
}
.nav > li > a:hover,
.nav > li > a:focus {
    background: none;
    text-decoration: none;
}
.nav-pills > li > a {
    color: #474747;
    font-size: 20px;
    font-weight: 300;
}
#nav ul li a:active {
    color: red;
    font-weight: normal;
    text-decoration: none;
}

/* WordPress menu compatibility */
.nav-pills .menu-item a {
    color: #474747;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}
.nav-pills .current-menu-item > a,
.nav-pills .current-menu-item > a:hover,
.nav-pills .current-menu-item > a:focus {
    background: none;
    color: #be0108;
}

/* ==========================================================================
   Logo
   ========================================================================== */
.mylogo {
    margin-top: 2%;
}
.mylogo .logozuras {
    font-size: 62px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    top: 8px;
    text-transform: uppercase;
}
.mylogo .logozuras img {
    position: relative;
    z-index: 999;
    top: -8px;
}
.mylogo .logozuras:hover {
    color: #474747;
}

/* ==========================================================================
   Department Segments (Homepage Cards)
   ========================================================================== */
.deptseg {
    margin: 0;
    padding: 0;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
}
.deptseg2 {
    margin: 0;
    padding: 0;
    padding: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
}
.deptseg span {
    position: absolute;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 99.4%;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    font-size: 14px;
}
.deptseg2 span {
    position: absolute;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 98.7%;
    bottom: -12%;
    background-color: rgba(0,0,0,.6);
    font-size: 10px;
}

/* ==========================================================================
   Inner Pages
   ========================================================================== */
.pageimg {
    height: 165px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
}
.bg-contact {
    background-color: #334;
}
.bg-intro {
    background-color: #446;
}
.inpage { margin-top: 35px; }
.contentbx {
    min-height: 417px;
    background-color: #fff;
}
.pageTitle {
    /* page title heading */
}

/* ==========================================================================
   Contact Page
   ========================================================================== */
.contactside1 {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 1%;
}
.contactside1 table td img {
    position: relative;
    top: -30px;
    width: 100%;
}
.contactside1 table td {
    padding: 45px;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 15px;
}
.contactside2 {
    margin-top: 24%;
    margin-left: 8%;
    float: right;
}
.contactside1 .col-md-12 > br { display: none; }
.contactside1 .col-xs-12 > br { display: none; }
td {
    padding: 10px;
    vertical-align: top;
    padding-left: 0;
    padding-top: 0;
}
a.linkcontactus { color: #428bca; font-size: 14px; }

/* ==========================================================================
   Product Grid / Service Pages
   ========================================================================== */
.clrback { background: #eeeeee; }
.padding-lft-0 { padding-left: 0; }
.brder-all > .row:nth-child(1) { margin-left: 50px; }
.brder-all > .row { margin-bottom: 15px; position: relative; margin-bottom: 80px; }
.brder-all .row h5,
.brder-all .row h5 a {
    font-weight: bold;
    font-size: 26px;
    padding-top: 31px;
    padding-bottom: 8px;
    margin-top: 0;
    line-height: 29px;
}
.contactside1 .col-lg-12.brder-all > .row:first-child .border-style { width: 90.9%; }
.contactside1 .col-lg-12.brder-all > .row .border-style {
    margin-bottom: 6px;
    border: 1px solid #EFEFEF;
    width: 80%;
    margin: 0 auto;
}
.contactside1 .col-lg-12.brder-all .align-left,
.contactside1 .col-lg-12.brder-all .pull-left { padding-left: 31px; }
.contactside1 .col-lg-12.brder-all .align-leftone .pull-left { padding-left: 0; padding-right: 17px; }
.contactside1 .col-lg-12.brder-all .pull-left.no-pddng { padding-left: 0; padding-right: 18px; }
.col-lg-12.brder-all { /* border-top: 1px solid #EFEFEF; padding-top: 6px; */ }

.brder-all div p { font-size: 16px; line-height: 27px; }
.brder-all div img.img-responsive { display: inline-block; margin-right: 2px; }
.brder-all .row p.spacing-style { color: #000; }

.inner-section { margin-bottom: 25px; }
.bckclr { background: #e5e5e5; padding-top: 15px; padding-bottom: 15px; border-radius: 16px; }
.inner-section .col-lg-3 img,
.inner-section .col-lg-6 img { margin-bottom: 9px; }
.inner-section .col-lg-3 p,
.inner-section .col-lg-6 p { text-align: center; font-weight: 600; }
.col-lg-6.lrgepdding { padding-left: 47px; }
.inner-section h4 { font-weight: 600; }
p.heading { margin-bottom: 10px; }

/* Power Plant / Service Card Grid */
.brdersite .deptsegplant:first-child { margin-left: 0; }
.brdersite .deptsegplant {
    padding-top: 20px;
    border: 1px solid #f6f6f6;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 33%;
    min-height: 253px;
    position: relative;
}
.deptsegplant span {
    margin-top: 16px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    background: #787878;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn-primary {
    background-color: #be0108;
    border-color: #be0108;
    color: #fff;
}

/* ==========================================================================
   Contact Form 7 Styles
   ========================================================================== */
.form-group .wpcf7-form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-grouptext .wpcf7-form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.0;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    resize: none;
}
.wpcf7-form-control.wpcf7-submit {
    display: inline-block;
    padding: 4px 33px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    margin-top: 10px;
}

/* ==========================================================================
   Gravity Forms Bootstrap Styles
   ========================================================================== */
.gform_wrapper ul { padding-left: 0; list-style: none; }
.gform_wrapper li { margin-bottom: 15px; }
.gform_wrapper form { margin-bottom: 0; }
.gform_wrapper .gfield_required { padding-left: 1px; color: #b94a48; }
.ginput_container input,
.ginput_container select,
.ginput_container textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ginput_container textarea { height: auto; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #a6a6a6;
}
footer div { text-align: right; }
footer div:first-child { text-align: left; }

.zuras-gernal {
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
}
.zuras-gernal img { max-width: 100%; max-height: 100%; }
.zuras-gernal-footer { width: 100px; height: 100px; }
.zuras-gernal-footer img { max-width: 100%; max-height: 100%; }
.myfooter.logoss span { float: right; margin-right: 5px; }
.myfooter.logoss span.zuras-gernal { position: static; width: 80px; height: 80px; }
.myfooter.logoss span.zuras-global { width: 80px; height: 80px; overflow: hidden; }
.myfooter.logoss span.zuras-global img { max-width: 100%; max-height: 100%; }
.myfooter.logoss span.rights-reserve { margin-top: 35px; }

.deptseg .zuras-gernal { display: none; }
.contents-table table td img { margin-bottom: 28px; }

/* ==========================================================================
   WordPress Alignments
   ========================================================================== */
.gallery-row { padding: 15px 0; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

/* ==========================================================================
   Responsive - Desktop Large (1200px+)
   ========================================================================== */
@media screen and (min-width: 1200px) {
    .col-lg-6.smllwidth { width: 49.5%; }
    .fright-lrge { float: right; }
    .power-plants-spares .deptseg { height: 207px; }
    .toptwo .left-right, .topthree .left-right { height: 271px; padding-left: 32px; }
    .brder-all > .row:before {
        content: "";
        position: absolute;
        width: 95.6%;
        border-top: 1px solid #EFEFEF;
        margin-top: 25px;
        margin-bottom: 25px;
        bottom: -69px;
    }
    .brder-all > .row:nth-child(1):before { left: -61px; width: 101.5%; }
    .brder-all > .row:nth-child(3):before { border: none; }
    .brder-all .row:nth-child(1) .spacing-style,
    .brder-all .row:nth-child(2) .spacing-style,
    .brder-all .row:nth-child(3) .spacing-style { padding-right: 22px; padding-bottom: 15px; }
    .align-leftone, .left-right { height: 311px; }
    .topone .align-leftone .text-left.pull-left { position: absolute; left: -6.3%; top: 19px; }
    .toptwo .pull-right.text-left.no-pddng { position: absolute; right: 44px; top: 15px; }
    .toptwo .spacing-style { width: 51%; }
    .border-style.topthree { float: left; }
    .topthree .pull-right.text-left.no-pddng { position: absolute; right: 44px; top: 15px; }
    .border-style.topthree p.spacing-style { width: 51%; }
    .brder-all .row .topone h5 { padding-left: 30%; }
    .brder-all .row .topone p.spacing-style { padding-left: 50% !important; }
    .border-style.toptwo { width: 81%; float: left; }
    .border-style.toptwo h5, .border-style.topthree h5 { padding-top: 53px; }
}

/* ==========================================================================
   Responsive - Tablet (768px - 1200px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1200px) {
    .contactside2 { margin-top: 12%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mylogo { margin-top: 0; }
}

/* ==========================================================================
   Responsive - Mobile (320px - 767px)
   ========================================================================== */
@media (min-width: 320px) and (max-width: 767px) {
    .nav > li > a { position: relative; display: block; padding: 10px 10px; }
    .nav-pills { margin-left: 2.76243%; display: inline-block; }
    .topnav {
        text-align: left;
        position: relative;
        top: 10px;
        text-align: center;
    }
    .brder-all div img.img-responsive { margin-bottom: 25px; }
    .deptseg2 span { bottom: 0; width: 99.7%; font-size: 12px; }
    .col-xs-12.col-lg-6.bckclr.smllwidth.fright-lrge.row { margin-top: 15px; }
    .nav > li > a { padding: 10px 12px; }
    .col-lg-12.brder-all .pull-right,
    .col-lg-12.brder-all .pull-left { float: none !important; }
    .contactside1 .col-lg-12.brder-all .pull-left.no-pddng { padding-left: 0; padding-right: 0; }
    .brder-all div p.spacing-style { margin-bottom: 20px; }
    .contactside1 .col-lg-12.brder-all .align-left,
    .contactside1 .col-lg-12.brder-all .pull-left { padding-left: 10px; padding-right: 10px; }
}

@media (min-width: 320px) and (max-width: 766px) {
    .contactside2 { float: left; margin-top: -0.5%; }
    .inner-section .col-lg-3 { margin-bottom: 20px; }
}

/* ==========================================================================
   Responsive - Footer (various breakpoints)
   ========================================================================== */
@media (min-width: 430px) and (max-width: 768px) {
    .myfooter { margin-top: -4%; }
    .myfooter2 { margin-bottom: 15px; }
}

@media (min-width: 360px) and (max-width: 429px) {
    .myfooter { margin-top: -5%; }
    .myfooter2 { margin-bottom: 15px; }
}

@media (min-width: 241px) and (max-width: 359px) {
    .myfooter { margin-top: 1%; margin-left: -1%; text-align: center; }
    .myfooter2 { text-align: center; }
}

/* ==========================================================================
   WordPress Core Styles
   ========================================================================== */
img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.wp-caption {
    max-width: 100%;
}
.wp-caption-text {
    font-size: 12px;
    color: #777;
    text-align: center;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}