/*
Theme Name: FieldPiece
Text Domain: fieldpiece
Version: 999999
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

        0. 	CSS Reset
        1. 	Document Setup
        2. 	Element Base
        3. 	Helper Classes
        4. 	Site Header
        5. 	Menu Modal
        6. 	Search Modal
        7. 	Page Templates
                a. 	Template: Cover Template
                c. 	Template: Full Width
        8.  Post: Archive
        9.  Post: Single
        10. Blocks
        11. Entry Content
        12. Comments
        13. Site Pagination
        14. Error 404
        15. Widgets
        16. Site Footer
        17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */


/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


/*
@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/MyriadProBold.eot');
    src: url('fonts/MyriadProBold.eot') format('embedded-opentype'), url('fonts/MyriadProBold.woff2') format('woff2'), url('fonts/MyriadProBold.woff') format('woff'), url('fonts/MyriadProBold.ttf') format('truetype'), url('fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}

@font-face {
    font-family: 'MyriadProBoldCond';
    src: url('fonts/MyriadProBoldCond.eot');
    src: url('fonts/MyriadProBoldCond.eot') format('embedded-opentype'), url('fonts/MyriadProBoldCond.woff2') format('woff2'), url('fonts/MyriadProBoldCond.woff') format('woff'), url('fonts/MyriadProBoldCond.ttf') format('truetype'), url('fonts/MyriadProBoldCond.svg#MyriadProBoldCond') format('svg');
}

@font-face {
    font-family: 'MyriadProCond';
    src: url('fonts/MyriadProCond.eot');
    src: url('fonts/MyriadProCond.eot') format('embedded-opentype'), url('fonts/MyriadProCond.woff2') format('woff2'), url('fonts/MyriadProCond.woff') format('woff'), url('fonts/MyriadProCond.ttf') format('truetype'), url('fonts/MyriadProCond.svg#MyriadProCond') format('svg');
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/MyriadProRegular.eot');
    src: url('fonts/MyriadProRegular.eot') format('embedded-opentype'), url('fonts/MyriadProRegular.woff2') format('woff2'), url('fonts/MyriadProRegular.woff') format('woff'), url('fonts/MyriadProRegular.ttf') format('truetype'), url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}
*/

* {
    box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    outline: none;
    color: #000;
}

body a {
    color: #38b6ff;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #333;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
    outline: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

body {
    font-family: 'MyriadProRegular', sans-serif;
    background: #fff;
    font-size: 18px;
    color: #111;
}

p {
    margin: 0 0 20px 0;
    line-height: 26px;
}

::-webkit-input-placeholder {
    color: #999999;
}

:-ms-input-placeholder {
    color: #999999;
}

::placeholder {
    color: #999999;
}

ul {
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

section {
    padding: 60px 0;
}

section.search-row-list {
    padding-bottom: 120px;
}

h1 {
    font-family: 'MyriadProBold';
    font-size: 48px;
    margin: 0 0 20px 0;
}

h2 {
    font-family: 'MyriadProBold';
    font-size: 36px;
    margin: 0 0 20px 0;
}

h3 {
    font-family: 'MyriadProBold';
    font-size: 32px;
    margin: 0 0 20px 0;
}

h4 {
    font-family: 'MyriadProBold';
    font-size: 28px;
    margin: 0 0 20px 0;
}

h5 {
    font-family: 'MyriadProBold';
    margin: 0 0 20px 0;
    font-weight: bold;
}

.txtyellow {
    color: #fabc35;
    font-size: 32px;
}

h6 {
    font-family: 'MyriadProBold';
    font-size: 24px;
    margin: 0 0 20px 0;
}

.topbar {
    background: #12130d;
    padding: 12px 0;
}

.topsocial {
    float: left;
}

.topsocial img {
    margin: 0 15px;
    height: 32px;
}

.toplinks {
    float: right;
}

.toplinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toplinks li {
    display: inline-block;
    margin: 0 15px;
}

.toplinks li img {
    padding-bottom: 4px;
    margin-right: 10px;
}

.toplinks a {
    color: #a9a49b;
    display: block;
    margin-bottom: 3px;
}

body a.glink img {
    opacity: 1;
}

.toplinks a:hover {
    color: #ccc;
}

.toplinks li:last-child {
    padding-right: 0;
    padding-left: 15px;
    margin: 0 0 0 0;
    cursor: pointer;
    position: relative;
    z-index: 99;
    width: 170px;
}

.langlist {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    padding: 15px;
    padding-top: 0;
    left: 0;
    top: 45px;
}

.selected_lang {
    padding-right: 20px;
    background: url(images/downarrow-gray.png) no-repeat right 8px;
}

.logobar {
    background: #fabc35;
    border-bottom: 4px solid #fff;
}

.logobar .container {
    position: relative;
    z-index: 9;
}

.logo {
    float: left;
    padding: 27px 0 21px;
    max-width: 206px;
}

.mainnav {
    float: right;
}

.mainnav>ul {
    margin: 0 60px 0 0;
    padding: 0;
    list-style: none;
}

.mainnav>ul>li {
    display: inline-block;
    padding: 0 10px;
}

.mainnav>ul>li:nth-child(4) {
    display: none;
}

.mainnav>ul>li>a {
    color: #010000;
    font-size: 20px;
    line-height: 1.25em;
    font-weight: 600;
    padding: 30px 15px;
    display: block;
    position: relative;
}

.mainnav>ul>li>a:before {
    width: 0px;
    height: 0px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.75);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
}

.subnavbg {
    background: rgba(0, 0, 0, 0.75);
    width: 88.75%;
    position: absolute;
    left: 10%;
    opacity: 0;
    min-height: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.mainnav>ul>li:hover .subnavbg {
    opacity: 1;
    min-height: 600px;
    height: 600px;
    transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -webkit-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    overflow-y: auto;
}

.subnavbg>ul>li {
    margin: 0;
    padding: 0;
}

@media screen and (min-width:992px) {
    .subnavbg>ul>li {
        margin-top: -20px;
    }
    .mainnav>ul>li:hover .subnavbg>ul>li {
        margin-top: 0;
        transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        width: 600px;
    }
    .subnavbg>ul>li>a {
        max-width: 230px;
    }
    .subnavbg>ul>li:nth-child(2) ul {
        top: 46px;
    }
    .subnavbg>ul>li:nth-child(3) ul {
        top: 92px;
    }
    .subnavbg>ul>li:nth-child(4) ul {
        top: 138px;
    }
    .subnavbg>ul>li:nth-child(5) ul {
        top: 184px;
    }
    .subnavbg>ul>li:nth-child(6) ul {
        top: 230px;
    }
    .subnavbg>ul>li:nth-child(7) ul {
        top: 276px;
    }
    .subnavbg>ul>li:nth-child(8) ul {
        top: 322px;
    }
    .subnavbg>ul>li:nth-child(9) ul {
        top: 368px;
    }
    .subnavbg>ul>li:nth-child(10) ul {
        top: 414px;
    }
    .subnavbg>ul>li:last-child ul {
        top: auto;
        bottom: 0;
        height: auto;
    }
}

.navproducts {
    background: #38b6ff;
    height: 524px;
    text-align: center;
    width: 420px;
    display: none;
    position: absolute;
    top: -15px;
    left: 592px;
}

.navproducts p {
    font-style: italic;
    padding: 18px 0 5px;
    margin: 0;
    color: #111;
    font-size: 22px;
}

.navproducts a {
    color: #111;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 0px;
}

.subnavbg>ul {
    margin: 15px 0 15px 25px;
    padding: 0;
    float: left;
    width: 27%;
    list-style: none;
    position: relative;
}

.subnavbg>ul>li:hover .navproducts,
.subnavbg>ul>li:first-child .navproducts {
    display: block;
}

.subnavbg>ul>li>a {
    color: #fff;
    display: block;
    padding: 9px 10px 8px;
    font-size: 20px;
    position: relative;
    width: 86%;
}

.subnavbg>ul>li>ul>li>a {
    position: relative;
}

.subnavbg>ul>li>a:after,
.subnavbg>ul>li>ul>li>a:after {
    background: #38b6ff;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    overflow: hidden;
    width: 0;
    content: '';
}

@media screen and (min-width:992px) {
    .subnavbg>ul>li:hover>a:after,
    .subnavbg>ul>li>ul>li:hover>a:after {
        width: 100%;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
    }
}

.subnavbg>ul>li:hover>a {
    color: #38b6ff;
}

@media screen and (min-width:992px) {
    .subnavbg>ul>li>ul {
        left: 90%;
        top: 0;
        position: absolute;
        height: 100%;
        width: 140%;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 0px !important;
        overflow: hidden;
        opacity: 0;
        transition: all 0.4s linear;
    }
    .subnavbg>ul>li:hover>ul {
        display: block;
        height: auto !important;
        opacity: 1;
        transition: all 0.4s linear;
    }
}

.subnavbg>ul>li>ul>li>a {
    color: #fff;
    padding: 10px 10px 11px;
    display: block;
    font-size: 20px;
    max-width: 260px;
    line-height: 1.25em;
}

.subnavbg>ul>li>ul>li>a:hover {
    color: #38b6ff;
}

.navproducts a:hover {
    opacity: 0.8;
}

.navimg {
    height: 396px;
    overflow: hidden;
}

.navimg img {
    width: 100%;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.navproducts:hover .navimg img {
    width: 110%;
    max-width: 110%;
    margin-top: -5%;
    margin-left: -5%;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

body .search {
    position: absolute;
    top: 28px;
    cursor: pointer;
}

@media screen and (min-width: 992px) {
    body .search {
        right: 25px;
    }
}

.searchbox {
    background: #FFF;
    width: 340px;
    padding: 25px;
    right: 0;
    position: absolute;
    top: 84px;
    display: none;
}

.searchbox .search-submit {
    position: absolute;
    right: 30px;
    cursor: pointer;
    top: 30px;
    background: url(images/search.png) no-repeat;
    height: 30px;
    width: 30px;
    border: 0;
    text-indent: -9999px;
    text-align: left;
}

.searchbox .close-search-toggle {
    display: none;
}

.searchbox input.search-field {
    width: 240px;
    padding: 8px 15px;
    height: auto;
    font-size: 16px;
    border: 1px solid #ccc;
    font-weight: normal;
    font-style: italic;
}

.fieldpiece-pagination {
    text-align: center;
}

.fieldpiece-pagination a {
    display: inline-block;
    background: #f6b734;
    color: #000;
    padding: 0 8px;
    text-transform: capitalize;
}

.fieldpiece-pagination a:hover {
    background: #000;
    color: #fff;
}

.fieldpiece-pagination span {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 0 8px;
}

.cross-icon {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 22px;
    color: #333;
    cursor: pointer;
}

.homebanner {
    background: #222;
    text-align: center;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}

.home .homebanner {
    border-bottom: 10px solid #fabc35;
    margin-bottom: 10px;
}

.homebanner video {
    width: 100%;
    height: calc(240 * calc(100vw / 320));
    min-height: calc(638px * 1.1);
    object-fit: cover;
    left: 0;
    top: -200px;
    opacity:1;
    position: absolute;
}

.homebanner .owl-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

.owl-nav button:focus,
.owl-nav button:hover,
.owl-dots button:focus,
.owl-dots button:hover {
    outline: none;
    border: 0;
}

.homebanner .owl-dots button {
    display: inline-block;
}

.homebanner .owl-dots span {
    width: 16px;
    height: 3px;
    background: #c9c6c7;
    display: inline-block;
    margin: 0 4px;
    border-radius: 0;
}

.homebanner .owl-dots .active span {
    background: #f8bc35;
}

.header-slides {
    text-align: left;
}

.header-slides h1 {
    font-family: 'MyriadProBold';
    color: #f8bc35;
    font-size: 40px;
    padding-top: 200px;
    margin-bottom: 0;
}

.header-slides p {
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    margin: 0 0 25px;
    padding: 10px 0 20px;
}

.downloadicon {
    background: #f8bc35 url(images/download-icon.png) no-repeat 14px center;
    background-size: auto 16px;
    display: inline-block;
    color: #111;
    padding: 12px 20px 13px 38px;
    font-weight: bold;
    font-size: 17px;
}

.downloadicon:hover {
    opacity: 0.8;
    color: #111;
}

.header-slides-img {
    float: right;
    padding: 135px 0;
}

.header-slides-img img {
    border-radius: 8px;
}

.single-product {
    clear: both;
}

.video-container iframe {
    width: 100% !important;
}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}

#google_translate_element2 {
    display: none !important;
}

.txt-yellow {
    color: #fabc35;
}

.s-title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'MyriadProBold';
}

.btn-primary {
    color: #333;
    background: none;
    border: 2px solid #f8ba35;
    font-size: 18px;
    font-weight: 700;
    padding: 11px 39px;
}

.about-fieldpiece .btn-primary,
.yt-feed .btn-primary,
.compare-mtr .btn-primary,
.joblink-hwitworks .btn-primary {
    color: #f8ba35;
}

.about-fieldpiece .btn-primary:hover,
.yt-feed .btn-primary:hover,
.compare-mtr .btn-primary:hover,
.joblink-hwitworks .btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover {
    color: #f8ba35;
    background: #010000;
    border: 2px solid #010000;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}


/* Home Page */

.single-product h2 {
    font-size: 42px;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: 'MyriadProBold';
}

.single-product p.txt-yellow {
    font-size: 31px;
    margin-bottom: 5px;
    color: #fbb725;
}

.single-product p.txt-lg {
    font-size: 23px;
    line-height: normal;
    margin-top: 10px;
}

.single-product ul li {
    font-size: 20px;
}

.featured-product {
    background: #e8e8e9;
}

.fp-name {
    background: #f6b734;
    color: #000;
    font-weight: 700;
    position: absolute;
    padding: 15px 0;
    font-size: 20px;
    bottom: 0;
    width: 100%;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.fp-in-pro:hover .fp-name,
.fp-name:hover {
    background: #333;
    color: #fff;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.featured-product .col-md-4 {
    margin-bottom: 40px;
}

.featured-product .col-md-4 a {
    display: block;
    width: 100%;
    height: 394px;
    overflow: hidden;
    position: relative;
}

.about-fieldpiece {
    display: block;
    background: url(images/about-bg.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    overflow: hidden;
}

.about-fieldpiece p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 30px;
}

.about-fieldpiece .s-title {
    color: #fff;
    font-size: 42px;
    margin-bottom: 20px;
}

.fp-in-pro {
    padding-left: 10px;
    padding-right: 10px;
}

.fp-in-pro img {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.fp-in-pro:hover img {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
    margin-top: -5%;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.featured-product .btn-primary {
    font-size: 22px;
    font-weight: 400;
    padding: 8px 80px;
}

.about-img img {
    margin-top: 28px;
    margin-right: 30px;
    z-index: 2;
    position: relative;
    padding-right: 10px;
}

.about-fieldpiece .btn-primary:active:hover,
.about-fieldpiece .btn-primary:active,
.about-fieldpiece .btn-primary:focus,
.about-fieldpiece .btn-primary:hover {}

.orange-bg {
    background: #fabc35;
    width: 300px;
    height: 260px;
    position: absolute;
    float: right;
    right: 0;
    z-index: 1;
}

.sign-slider .owl-item {
    display: inline-block;
}

.sign-slider .owl-stage-outer {
    overflow: hidden;
}

.sign-slider .item {
    text-align: center;
}

.sign-box {
    background: #f6b734;
    padding: 18px 0;
}

.home .sign-box .container {
    max-width: 940px !important;
    width: auto !important;
}

.sign-box .item img {
    max-height: 60px;
    max-width: 130px;
}

.sign-slider {
    position: relative;
}

.sign-slider .owl-nav {
    position: absolute;
    top: 28%;
    width: 100%;
}

.sign-slider .owl-nav button span {
    display: none;
}

.sign-slider .owl-nav button {
    border: 0;
    outline: 0 none;
}

.sign-slider .owl-nav button.owl-prev {
    float: left;
    background: url(images/angle-arrow-left.svg) top center no-repeat;
    height: 36px;
    width: 25px;
    border: 0;
}

.sign-slider .owl-nav button.owl-next {
    float: right;
    background: url(images/angle-arrow-right.svg) top center no-repeat;
    height: 36px;
    width: 25px;
    border: 0;
}

.sign-slider .owl-nav button.owl-prev:hover,
.sign-slider .owl-nav button.owl-next:hover {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 0.7;
}

.ln-box:hover .ln-overlay {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 1;
    visibility: visible;
}

.ln-overlay {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    background: rgba(23, 49, 140, 0.7);
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 30px;
}

.ln-box {
    width: 100%;
    position: relative;
}

.home .ln-box {
    height: 280px;
    text-align: center;
    border: 1px solid #efefef;
    padding: 10px;
}

.ln-box img {
    display: block;
}

.home .ln-box img {
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}

.ln-title {
    color: #f6b734;
    font-weight: 600;
    font-size: 22px;
    margin-top: 0;
}

.ln-content {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    /* font-family: 'MyriadProBold'; */
    margin-top: 30px;
    min-height: 130px;
}

.ln-content a {
    color: #fff;
}

.ln-link a {
    color: #f6b734;
    font-size: 22px;
    margin-top: 0;
    display: inline-block;
}

.latest-news .btn-primary {
    margin-top: 40px;
}

.sf-box {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
    background: #000;
}

.sf-box img {
    display: block;
    /*     margin-left: -25%; */
    width: 150%;
    max-width: 100%;
    height: 100%;
}

.sf-box:hover .sf-overlay {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 1;
    visibility: visible;
}

.sf-overlay {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    background: rgba(23, 49, 140, 0.70);
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 30px;
}

section.social-feed {
    padding-top: 20px;
}

.social-feed .sf-content {
    color: #f6b734;
    line-height: 1.75em;
    margin-top: 10%;
}

.social-feed .btn-primary {
    margin-top: 40px;
}

.yt-feed {
    background-color: #3e3e3e;
}

.yt-feed .s-title {
    color: #fff;
}

.yt-feed .btn-primary {
    margin-top: 40px;
}

.yt-feed .btn-primary:hover {
    background: #000;
}


/* Footer */

.footer {
    position: relative;
    background: url(images/footer-bg.jpg) no-repeat center top #12130d;
    background-size: cover;
    color: #fff;
    border-bottom: 4px solid #fff;
}

.footer:after {
    content: '';
    position: absolute;
    bottom: 110px;
    background: #3e3e3e;
    width: 100%;
    height: 1px;
}

.footer-links {
    padding-top: 70px;
    padding-bottom: 80px;
}

.footer .col {
    width: 19%;
    display: inline-block;
    vertical-align: top;
}

.footer-links ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-links ul li {
    padding: 0;
    margin: 0 0 10px 0;
    list-style-type: none;
    color: #fff;
}

.footer-links ul li a {
    color: #c1c1c0;
    font-size: 15px;
}

.footer-links ul li a:hover {
    color: #fff;
}

.footer-links h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.newsletter {
    padding-top: 70px;
    padding-bottom: 70px;
    max-width: 700px;
    margin: 0 auto;
}

.newsletter input[type="text"],
.newsletter input[type="email"],
.newsletter select {
    background: transparent;
    border: 0;
    line-height: 42px;
    padding: 10px 20px;
    max-width: 550px;
    width: 100%;
    height: 50px !important;
    border-radius: 5px !important;
    border: 1px solid #808080;
    margin-bottom: 30px;
    color: #aaa;
    font-style: italic;
    box-sizing: border-box;
    display: inline-block;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 4px 0 0;
}

.regtxt {
    padding-top: 50px;
}

.regtxt h4 {
    font-size: 20px;
    padding-top: 15px;
}

.regtxt h3 {
    padding-top: 15px;
}

.regtxtbtn h3 {
    padding-top: 0;
}

.newsletter input[type="submit"] {
    color: #000;
    background-color: #f6b734;
    border-color: transparent;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 30px;
    border-radius: 5px;
}

.newsletter input[type="submit"]:hover,
.newsletter input[type="submit"]:focus,
.newsletter input[type="submit"]:active,
.newsletter input[type="submit"]:active:hover {
    color: #f6b734;
    background-color: #333;
    border-color: #000;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.f-one p {
    margin-top: 15px;
    max-width: 312px;
}

.copyright p {
    font-size: 16px;
    color: #969696;
    margin: 0;
}

.newsletter input[type="text"]::-webkit-input-placeholder {
    font-style: italic;
}

.newsletter input[type="text"]:-ms-input-placeholder {
    font-style: italic;
}

.newsletter input[type="text"]::placeholder {
    font-style: italic;
}

.copyright {
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer .f-one {
    width: 33%;
}

.footer .f-three {
    width: 22%;
}

.footer .f-four {
    width: 10%;
}

.footer .f-five {
    width: 10%;
    margin-left: 50px;
}

.f-one p a {
    margin: 0 3px;
}

.search-class {
    padding: 35px;
    margin: 50px 0px;
    border: 4px solid #eee;
    clear: both;
}

.search-class form {
    width: 100%;
    position: relative;
}

.search-class input[type="text"] {
    padding: 8px 20px;
}

.search-class input[type="submit"] {
    padding: 8px 35px;
}

.search-class select {
    position: absolute;
    right: 140px;
    padding: 10px 15px 10px;
    border: 2px solid #e5d8e1;
    width: 140px;
    font-size: 16px;
    color: #666;
    background: #f5f5f5;
}

.search-class input[type="text"] {
    width: 70%;
    border: 2px solid #e5d8e1;
    /* font-size: 16px; */
    font-weight: 400;
}

.search-class input[type="submit"] {
    background: #38b5fd;
    border: 2px solid #38b5fd;
    font-family: 'MyriadProBold';
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.search-class input[type="submit"]:hover {
    background: #000;
    border: 2px solid #000;
    transition: all 0.2s linear;
}

.search-result img {
    /* margin-left: 30px; */
    width: 30px;
    float: right;
}

.search-result ul {
    margin: 0px;
    padding: 0px;
}

.search-result ul li {
    padding: 20px 0px;
    border-bottom: 2px solid #e5d8e1;
    list-style-type: none;
    background: url(images/notes.png) right center no-repeat;
    background-size: 30px 30px;
}

.search-result ul li a {
    font-family: 'MyriadProBold';
    color: #000;
}

.search-result ul li:hover {
    background: url(images/notes-blue.png) right center no-repeat;
    background-size: 30px 30px;
    transition: all 0.3s ease;
}

.search-result ul li:hover a {
    color: #38b5fd;
}

#accordion .card h3 {
    border-bottom: 4px solid #f6b734;
}

#accordion .card-header a {
    line-height: 50px;
    color: #000;
    position: relative;
    display: block;
}

.right-arrow {
    width: 25px;
    margin-top: 10px;
    margin-right: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.search-container {
    max-width: 1050px;
    margin: 0 auto;
}

.page-template-templates .search-container {
    margin: 35px auto;
}

.page-template-templates .form-button {
    text-align: center;
    padding-bottom: 25px;
}

.page-template-templates .form-control {
    border-radius: 0;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    height: 42px;
    font-size: 16px;
    color: #444;
}

.page-template-templates select.form-control {
    color: #777;
}

.page-text .form-group.form-button.col-md-12:before {
    display: none;
}

.accordion-inner-wrap img {
    height: auto;
}

.modal .mySlides img {
    max-height: 320px;
}

.accordion-left-wrap {
    float: left;
    width: 70%;
}

.accordion-right-wrap {
    float: right;
    width: 30%;
    text-align: center;
}

.accordion-right-wrap img {
    width: auto;
    margin: 0 auto;
    margin-bottom: 30px;
    max-height: 130px;
}

.clear {
    clear: both;
}

.search-right-sec {
    overflow: hidden;
    width: 50%;
    margin-left: auto;
}

.search-right-sec label {
    float: left;
    width: 50%;
    display: block;
    text-align: right;
    padding-right: 20px;
}

.search-right-sec input.form-control {
    width: 50%;
    float: right;
    border-radius: 20px !important;
}


/* .search-right-sec input.form-control input[type="button"]{
    background:url(/images/right-arrow.png) right center no-repeat;
    height: 30px;
    width: 30px;
    
} */

.search-right-sec .input-group {
    width: 100%;
}

.search-right-sec button.btn {
    position: absolute;
    right: 0px;
    height: 34px !important;
    top: 0px;
    width: 34px !important;
    z-index: 9;
    border-radius: 20px;
    /* background: #a9a49b; */
    outline: none;
    border-radius: 20px !important;
    background: #a9a49b url(images/search-white.png) 9px center no-repeat;
    background-size: 16px 16px;
    border: 0;
}

.search-right-sec button.btn:focus,
.search-right-sec button.btn:hover {
    outline: none;
    background: #38b6ff url(images/search-white.png) 9px center no-repeat;
    background-size: 16px 16px;
}

.search-right-sec .img-search {
    margin-left: -2px;
    width: auto;
    height: 14px;
}

.search-right-sec .img-search:hover,
.search-right-sec .img-search:focus {
    margin-left: 1px;
}

.photography {
    margin-top: 60px;
}

.photography #accordion h3 {
    font-size: 36px;
    text-transform: capitalize;
}

.photography .ul_accordion>li>ul>li {
    max-width: 800px;
    margin: 0 auto;
}

.photography #accordion li.active h3 {
    font-size: 36px;
    background: url(images/bottom-yellow-arrow.png) no-repeat right;
    background-size: 30px;
    transition: .30s;
}

.photography #accordion li h3 {
    background: url(images/right-arrow.png) no-repeat right;
    padding: 25px 15px 25px 0;
    margin-bottom: 0;
    cursor: pointer;
    background-size: 30px;
}

.photography #accordion li:hover h3 {
    color: #38b6ff;
}

.faq_listing_cont .accordion-inner-wrap {
    width: 75%;
    float: left;
}

.faq_listing_cont .accordion-inner-wrap-right {
    width: 25%;
    float: right;
}

.accordion-inner-wrap-right .btn-wrap {
    margin-bottom: 70px;
}

.accordion-inner-wrap-right .btn-wrap .btn {
    padding: 15px 20px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    background: #38b6ff;
    color: #fff;
    width: 80%;
    margin: 0 auto;
    border-radius: 0px;
}

.accordion-inner-wrap-right .btn-wrap .btn:hover,
.accordion-inner-wrap-right .btn-wrap .btn:focus {
    background: #000;
}


/* =============================================================================
   Scroll to Top
* ============================================================================= */

#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    width: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    border-radius: 100%;
    display: none;
    transition: all 0.3s ease;
    color: #FFF;
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top span {
    font-size: 19px;
    text-align: center;
    display: block;
    line-height: 40px;
}

.menutrigger {
    display: none;
}

.parent-lang-page-id-7534 .page-text h2 {
    margin-bottom: 25px;
}

.parent-lang-page-id-7534 .page-text h4 {
    font-size: 22px;
}


/*****27-7-22*****/

body.home .mfp-bg{
    background-color: rgba(0, 0, 0, 0.7);
}
body.home .mfp-content{
    max-width: 500px; margin: 0 auto; background-color: #fff; border-radius: 18px; padding: 30px; text-align: center; position: relative; 
}
body.home .contry-popup-content a{
    background: #f8bc35;
    display: inline-block;
    color: #111;
    padding: 12px 30px 13px 30px;
    font-weight: 700;
    font-size: 17px;
    margin-top: 20px;
}

body.home .contry-popup-content p{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}
body.home .contry-popup-content a:hover {
    opacity: .8;
    color: #111;
}
body.home .mfp-close{
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    color: black !important;
    font-size: 30px;
    width: 40px;
    height: 30px;
    line-height: 30px;
}

body.home .contry-popup-content span{
    font-size: 14px;
}

@media screen and (max-width:500px) {
    body.home .contry-popup-content p{
        font-size: 24px;
    }

}


/*****27-7-22*****/

@media screen and (min-width:1310px) {
    .latest-news .container,
    .social-feed .container,
    .yt-feed .container {
        width: 1280px;
    }
    .social-feed .col-md-4 {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media screen and (min-width:1199px) {
    .yt-feed .col-md-4 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width:1339px) {
    .header-slides-img {
        padding: 75px 0;
    }
    .header-slides h1 {
        padding-top: 160px;
        font-size: 36px;
    }
    .header-slides p {
        font-size: 26px;
    }
}

@media screen and (max-width:1199px) {
    .page-template-templates .search-container {
        margin: 0 auto;
    }
    .social-feed .sf-content {
        line-height: 26px;
        margin-top: 26px;
    }
    .ln-title {
        font-size: 18px;
        margin-top: 20px;
    }
    .ln-content {
        margin-top: 20px;
        font-size: 18px;
    }
    .ln-link a {
        font-size: 18px;
        margin-top: 40px;
    }
    .about-fieldpiece p {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .fp-in-pro {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fp-name {
        font-size: 18px;
    }
    .single-product ul li {
        font-size: 18px;
    }
    .single-product p.txt-lg {
        font-size: 20px;
    }
    .single-product p.txt-yellow {
        font-size: 26px;
    }
    .single-product h2 {
        font-size: 36px;
    }
    .s-title {
        font-size: 38px;
    }
    body {
        font-size: 16px;
    }
    .footer .f-one {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .footer .f-one p {
        vertical-align: middle;
        display: inline-block;
    }
    .footer_call {
        margin-left: auto;
        margin-right: auto;
    }
    .f-one a {
        display: inline-block;
        vertical-align: middle;
    }
    .footer .f-two,
    .footer .f-three,
    .footer .f-four,
    .footer .f-five {
        width: 23% !important;
        padding-left: 15px;
    }
    .footer-links {
        padding-top: 40px;
    }
    .homebanner video {
        top: -125px;
    }
    .header-slides-img {
        padding: 85px 0;
    }
    .header-slides h1 {
        padding-top: 140px;
    }
    .mainnav>ul>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .subnavbg {
        left: 0;
        width: 100%;
    }
    .navproducts {
        left: 525px;
    }
    .search-class input[type="text"] {
        width: 66%;
    }
    .search-class select {
        padding: 9px 15px;
    }
}

@media screen and (max-width:991px) {
    .fp-in-pro {
        max-width: 440px;
        margin: 0 auto;
    }
    .about-img img {
        width: 100%;
    }
    .ln-box {
        max-width: 431px;
        margin: 0 auto 30px auto;
    }
    .ln-title {
        font-size: 18px;
        margin-top: 100px;
    }
    .ln-content {
        margin-top: 20px;
        font-size: 20px;
    }
    .sf-box {
        width: 100%;
        position: relative;
        max-width: 455px;
        margin: 0 auto 30px auto;
    }
    .social-feed .sf-content {
        margin-top: 35%;
    }
    .yt-feed .col-md-4 {
        margin-bottom: 30px;
    }
    .about-img img {
        margin-right: 0;
    }
    .about-img {
        max-width: 480px;
        margin: 0 auto;
        position: relative;
    }
    .orange-bg {
        right: -15px;
    }
    .newsletter input[type="text"],
    .newsletter input[type="email"],
    .newsletter select {
        width: 50%;
    }
    .mainnav {
        position: absolute;
        background: rgba(0, 0, 0, 0.75);
        top: 84px;
        width: 92%;
        padding: 5px 0;
        overflow: auto;
        height: 550px;
        display: none;
    }
    .toplinks li {
        margin: 0 5px
    }
    .toplinks li:last-child {
        padding-left: 5px;
    }
    .mainnav ul,
    .subnavbg>ul>li>ul {
        margin: 0;
        left: auto;
        width: auto;
        float: none;
    }
    .subnavbg>ul>li>ul {
        position: inherit;
        display: block;
    }
    .navproducts {
        display: none !important;
    }
    .mainnav>ul>li {
        display: block;
        padding: 0;
    }
    .mainnav ul li a {
        color: #fabc35;
        padding: 8px 16px;
    }
    .subnavbg>ul>li>a {
        width: auto;
        color: #fff;
        padding-top: 0;
        padding-bottom: 0;
    }
    .subnavbg>ul>li>a:after {
        background: none;
    }
    .subnavbg>ul>li>ul>li>a {
        max-width: inherit;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 18px;
        color: #ccc;
        position: relative;
    }
    .subnavbg>ul>li>ul>li>a:before {
        content: '• ';
        left: 0;
        color: #ccc;
        top: 5px;
    }
    .subnavbg>ul,
    .subnavbg>ul>li>ul {
        padding-bottom: 8px;
    }
    .subnavbg {
        width: 100%;
        background: none;
        display: block;
        position: inherit;
        min-height: inherit !important;
        height: auto !important;
        opacity: 1;
    }
    .menutrigger {
        display: block;
    }
    .menutrigger {
        float: right;
        padding: 17px 0 0 0;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
    }
    .search {
        right: 60px !important;
        top: 27px;
    }
    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 48px;
        height: 48px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }
    .c-hamburger:focus {
        outline: 0
    }
    .c-hamburger span {
        display: block;
        position: absolute;
        top: 22px;
        left: 9px;
        right: 9px;
        height: 4px;
        background: #292a28
    }
    .c-hamburger span::after,
    .c-hamburger span::before {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #292a28;
        content: ""
    }
    .c-hamburger--htla.is-active span::after,
    .c-hamburger--htla.is-active span::before,
    .c-hamburger--htra.is-active span::after,
    .c-hamburger--htra.is-active span::before {
        width: 50%
    }
    .c-hamburger span::before {
        top: -10px
    }
    .c-hamburger span::after {
        bottom: -10px
    }
    .menutrigger .c-hamburger--htx {
        background: none;
    }
    .c-hamburger--htx span {
        -webkit-transition: background 0s .3s;
        transition: background 0s .3s
    }
    .c-hamburger--htx span::after,
    .c-hamburger--htx span::before {
        -webkit-transition-duration: .3s, .3s;
        transition-duration: .3s, .3s;
        -webkit-transition-delay: .3s, 0s;
        transition-delay: .3s, 0s
    }
    .c-hamburger--htx span::before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform
    }
    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform
    }
    /* .c-hamburger--htx.is-active {} */
    .c-hamburger--htx.is-active span {
        background: 0 0
    }
    .c-hamburger--htx.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .c-hamburger--htx.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .c-hamburger--htx.is-active span::after,
    .c-hamburger--htx.is-active span::before {
        -webkit-transition-delay: 0s, .3s;
        transition-delay: 0s, .3s
    }
    .single-product img {
        margin-bottom: 15px;
    }
    .header-slides h1 {
        padding-top: 170px;
    }
    .topsocial,
    .toplinks {
        text-align: center;
        width: 100%;
    }
    .toplinks ul {
        display: inline-block;
    }
    .toplinks ul li {
        text-align: left;
    }
    .single-product {
        text-align: center;
    }
    .single-product li {
        text-align: left;
    }
    .footer .f-five {
        margin-left: 0;
    }
    .f-one a {
        margin-right: 0;
    }
    .header-slides h1 {
        padding-top: 120px;
    }
    .latest-news .btn-primary {
        margin-top: 20px;
    }
    .two-col-ftrnews .career-form-cont input[type=text],
    .two-col-ftrnews .career-form-cont input[type=email],
    .two-col-ftrnews .career-form-cont input[type=tel],
    .two-col-ftrnews .career-form-cont input[type=file],
    .two-col-ftrnews .career-form-cont textarea {
        width: 100% !important;
    }
    .search-class input[type="text"] {
        width: 54%;
    }
    .career-form-cont .form-checkbox {
        padding-right: 0 !important;
    }
}

@media screen and (max-width:768px) {
    .owl-nav .owl-prev {
        margin-left: 40px;
    }
    .owl-nav .owl-next {
        margin-right: 40px;
    }
    .ln-title {
        margin-top: 15%;
    }
    .fp-in-pro {
        padding-left: 0;
        padding-right: 0;
    }
    .orange-bg {
        width: 200px;
        height: 160px;
        right: 10px;
        top: 10px;
    }
    .footer .f-five {
        margin-left: 0;
    }
    .homebanner video {
        top: -25px;
    }
}

@media screen and (max-width:767px) {
    .search-class {
        padding: 20px 0px;
        border: 0;
    }
    .search-result ul li a {
        width: 90%;
        display: inline-block;
    }
    /* .homebanner video {
        display: none;
    } */
    .foraboutheader video {
        display: block;
        top: -75px;
    }
    .header-slides-img {
        padding: 35px 0 25px;
        text-align: center;
        width: 100%;
    }
    .header-slides h1 {
        font-size: 34px;
    }
    .header-slides p {
        font-size: 22px;
        margin: 0;
        padding: 5px 0 20px;
    }
    .header-slides-img img {
        max-width: 290px;
        margin: 0 auto;
    }
    .header-slides {
        text-align: center;
        padding-bottom: 60px;
    }
    .toplinks a {
        text-align: left;
    }
    .search-class input[type="submit"] {
        padding: 8px 25px;
    }
    .search-class select {
        right: 110px;
    }
    .search-class input[type="text"] {
        width: 58%;
    }
}

@media screen and (max-width:640px) {
    .footer .f-one p {
        width: 100%;
    }
    .toplinks {
        margin-top: 5px;
    }
    .toplinks li.langtop {
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .search-class {
        text-align: center;
    }
    .search-class input[type="text"] {
        width: 100%;
    }
    .search-class select {
        position: relative;
        left: auto;
        right: auto;
        margin: 10px;
    }
    .search-class input[type="submit"] {
        position: relative;
        left: auto;
        right: auto;
        margin: 10px;
    }
}

@media screen and (max-width:480px) {
    .about-img {
        text-align: center;
    }
    .about-img img {
        width: 90%;
    }
    .orange-bg {
        right: 15px;
        top: 10px;
    }
    .sf-box {
        max-width: 100%;
    }
    .single-product h2 {
        font-size: 30px;
    }
    .single-product p.txt-yellow {
        font-size: 22px;
    }
    .single-product p.txt-lg {
        font-size: 18px;
    }
    .about-fieldpiece p {
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .social-feed .sf-content {
        margin-top: 25%;
    }
    .social-feed .btn-primary,
    .latest-news .btn-primary {
        margin-top: 20px;
    }
    .newsletter input[type="text"],
    .newsletter input[type="email"],
    .newsletter select {
        width: 100%;
        margin-bottom: 20px;
    }
    .footer:after {
        left: 0;
    }
    .newsletter input[type="submit"] {
        margin-left: 0;
    }
    .footer-links {
        padding-bottom: 40px;
    }
    .footer .f-two,
    .footer .f-three,
    .footer .f-four,
    .footer .f-five {
        width: 100% !important;
        padding-left: 15px;
        margin-bottom: 15px;
    }
    .topsocial img {
        margin: 0 10px;
        height: 26px;
    }
    .toplinks a {
        text-align: left;
        font-size: 13px;
    }
    .contentbox p a {
        margin-top: 10px;
        margin-right: 10px;
    }
    .foraboutheader video {
        top: -35px;
    }
}

.lightbox {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: scroll;
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.lightbox-container {
    position: relative;
    max-width: 960px;
    margin: 7% auto;
    display: block;
    padding: 0 2%;
    height: auto;
    z-index: 10;
}

button:hover,
button:focus {
    outline: none;
    border: 0;
}

.lightbox-content button:not(.toggle) {
    background: none;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .lightbox-container {
        margin-top: 10%;
    }
    .video-container iframe {
        width: 100% !important;
        height: 100% !important;
    }
}

@media screen and (max-width: 414px) {
    .lightbox-container {
        margin-top: 13%;
    }
    .section-inner {
        text-align: left;
    }
    .searchbox {
        top: 88px;
    }
    .topbar {
        padding-bottom: 0;
    }
    .single-product img {
        margin-bottom: 5px;
    }
    .langlist {
        top: 39px;
    }
}

.subbox {
    text-align: center;
}

.subbox div {
    padding: 14px;
    display: inline-block;
    max-width: 224px;
}

.news-row-list .threecol-img:hover .ig-tit {
    display: block;
}

.news-row-list .ig-tit {
    font-weight: bold;
}

.news-row-list .threecol-img .ig-tit {
    font-weight: normal;
}

.lightbox-content {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}

.lightbox-close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -30px;
    right: 3%;
}

.video-container {
    padding-bottom: 56.25%;
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.maxwidth-spec {
    max-width: 203px;
    margin: 0 auto;
    position: relative;
}

.galleryimages .owl-nav {
    position: absolute;
    top: 41%;
    width: 110%;
    left: -5%;
}

.galleryimages p {
    margin-bottom: 0;
    margin-top: 15px;
}

.galleryimages .owl-nav button.owl-prev {
    float: left;
    background: url(images/angle-arrow-left.svg) top center no-repeat;
    height: 36px;
    width: 25px;
    border: 0;
}

.galleryimages .owl-nav button.owl-next {
    float: right;
    background: url(images/angle-arrow-right.svg) top center no-repeat;
    height: 36px;
    width: 25px;
    border: 0;
}

.galleryimages .owl-nav button span {
    display: none;
}

.lSAction {
    display: none !important;
}

.stickyh {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.stickytop {
    padding-bottom: 85px;
}

.page-text .career-form-cont .col-md-12:before {
    background: none;
}

body .simple-sitemap-container.tab-enabled label {
    background-color: #eee;
}

body .simple-sitemap-container.tab-enabled input:checked+label {
    background-color: #38b6ff;
}

body .simple-sitemap-container.tab-enabled label h3 {
    font-size: 24px;
    padding: 5px 10px;
}

body .simple-sitemap-container .panel {
    border: 0 !important;
    border-top: 4px solid #38b6ff !important;
}

.simple-sitemap-container.tab-enabled ul.main {
    margin-left: 1em;
}

.simple-sitemap-container .panel li a {
    color: #38b6ff;
}

.simple-sitemap-container .panel li a:hover {
    color: #23527c;
}

.two-col-ftrnews .career-form-cont {
    padding: 0px;
}

.two-col-ftrnews .career-form-cont input[type=text],
.two-col-ftrnews .career-form-cont input[type=email],
.two-col-ftrnews .career-form-cont input[type=tel],
.two-col-ftrnews .career-form-cont input[type=file],
.two-col-ftrnews .career-form-cont textarea {
    padding: 12px 16px;
    height: auto;
    font-family: 'MyriadProBold';
    font-size: 17px;
    width: 80%;
}

.career-form-cont .form-checkbox {
    padding-right: 180px;
    color: #333;
}

.error404-content .search-submit,
.cform .search-submit {
    background: #f9ba33;
    border-radius: 3px;
    padding: 8px 20px;
    border: 0;
}

.error404-content .search-submit:hover,
.cform .search-submit:hover {
    background: #333;
    color: #fff;
}

.error404-content input[type=search],
.cform input[type=search] {
    border-radius: 3px;
    height: auto;
    padding: 8px 15px;
    font-size: 17px;
    border: 1px solid #ccc;
    font-family: 'MyriadProRegular', sans-serif;
    font-weight: normal;
}

.table td {
    font-weight: bold;
}

body.search {
    cursor: default;
}

.search-row-list .fvideo-post #playme1:after {
    top: 60px;
}

body.role-administrator .mainnav>ul>li:nth-child(4),
body.role-distributor .mainnav>ul>li:nth-child(4) {
    display: inline-block;
}

.parent-lang-page-id-1161 .col-md-12 iframe {
    max-width: 1000px;
    max-height: 1530px;
}

.map-list a {
    color: #38b6ff;
}

.ul_accordion ol {
    margin-left: 25px;
    margin-bottom: 20px;
}

.ul_accordion ol ol {
    margin-left: 0;
    margin-bottom: 0;
}

.intractiveline {
    max-width: 360px;
    margin: 100px auto 180px;
    position: relative;
    background: url(images/line.png) repeat-y center;
}

.intrbox {
    margin: 0 auto;
    background: #fbc03f;
    height: 30px;
    width: 30px;
    margin-bottom: 52px;
    display: block;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 0;
}

.intrbox:after {
    overflow: hidden;
    height: 2px;
    width: 85px;
    background: #fbc03f;
    position: absolute;
    content: ' ';
    margin-top: 15px;
    z-index: -1;
}

.intrbox.year10:after {
    background: #38b6ff;
    margin-top: 28px;
    width: 98px;
}

.intrbox.year10 {
    background: #38b6ff;
    height: 56px;
    width: 56px;
    margin-bottom: 45px;
}

@media screen and (min-width:992px) {
    .intrbox.secbox {
        background: none;
        left: -150px;
        position: absolute;
        right: auto;
        top: 0;
    }
    .intractiveline>div:nth-child(2n+1) .intrbox.secbox {
        left: auto;
        right: -150px;
        top: 0;
    }
    .aos-init.active .intrbox.secbox {
        left: -320px;
    }
    .intrbox.secbox:after {
        width: 40px;
        right: -120px;
    }
    .intrbox.year10.secbox:after {
        right: -94px;
    }
    .intractiveline>div:nth-child(2n+1) .intrbox.secbox:after {
        left: -120px;
        right: auto;
    }
    .intractiveline>div:nth-child(2n+1) .intrbox.secbox.year10:after {
        left: -94px;
        right: auto;
    }
    .intractiveline>.aos-init.active:nth-child(2n+1) .intrbox.secbox {
        right: -320px;
        left: auto;
    }
}

@media screen and (min-width:1581px) {
    .aos-init.active .intrbox.secbox {
        left: -350px;
    }
    .intractiveline>.aos-init.active:nth-child(2n+1) .intrbox.secbox {
        right: -350px;
    }
}

.intrbox sup {
    top: 0;
}

.intrbox_inner {
    position: absolute;
    width: 110px;
    left: 0;
    margin-top: -14px;
    background: #f6f6f6;
    cursor: default;
    opacity: 0.5;
}

.intrbox_inner img {
    width: 100%;
}

.intrbox_inner {
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

.aos-init.active .intrbox .intrbox_inner {
    opacity: 1;
    width: 320px;
    z-index: 2;
    margin-left: -200px;
    margin-top: -3px;
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

@media screen and (max-width: 1580px) {
    .aos-init.active .intrbox .intrbox_inner {
        width: 290px;
        margin-left: -170px;
    }
    .header-slides h1 {
        font-size: 34px;
    }
    .header-slides p {
        font-size: 20px;
    }
}

.aos-init.active .intrbox.year10 .intrbox_inner {
    margin-top: 10px;
}

.aos-init.active .intrbox .intrbox_inner h2,
.aos-init.active .intrbox .intrbox_inner p {
    display: block;
}

.intractiveline .aos-init {
    position: relative;
    z-index: 1;
}

.intractiveline .aos-init.active {
    z-index: 2;
}

.intractiveline>div:nth-child(2n+2)>div:after {
    margin-left: -55px;
}

.intractiveline>div:nth-child(2n+1)>div>.intrbox_inner {
    right: 0;
    left: auto;
}

.intractiveline>div.active:nth-child(2n+1)>div>.intrbox_inner {
    margin-left: auto;
    margin-right: -200px;
}

@media screen and (max-width: 1580px) {
    .intractiveline>div.active:nth-child(2n+1)>div>.intrbox_inner {
        margin-right: -170px;
    }
}

@media screen and (min-width:992px) {
    .intractiveline>div:nth-child(2n+2)>div.year10:after {
        margin-left: -42px;
    }
    .intractiveline>div:nth-child(2n+0)>div>.intrbox_inner h2:before {
        right: -12px;
        left: auto;
        border-right: 0;
        border-left: 12px solid #fbc03f;
    }
    .intractiveline>div:nth-child(2n+0)>div.year10>.intrbox_inner h2:before {
        border-left: 12px solid #38b6ff;
    }
}

.intrbox.year10 .intrbox_inner {
    margin-top: 0;
}

.intrbox.left .intrbox_inner {
    left: 0;
}

.intrbox_inner span {
    font-size: 16px;
    text-align: right;
    color: #fbc03f;
    display: block;
    position: absolute;
    top: -28px;
    text-align: right;
    width: 95%;
    font-family: Tahoma, Geneva, sans-serif;
}

.intrbox.year10 .intrbox_inner span,
.intrbox.year10.secbox span,
.intrbox>span {
    display: none;
}

.intrbox.year10>span {
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 56px;
    padding-top: 16px;
    font-size: 18px;
    color: #444;
}

.intrbox_inner h2 {
    font-size: 21px;
    text-align: center;
    margin-bottom: 0px;
    padding: 8px;
    background: #fbc03f;
    color: #111;
    position: relative;
    font-weight: normal;
    font-family: 'MyriadProRegular', sans-serif;
    display: none;
}

.intrbox_inner h2:before {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #fbc03f;
    content: '';
    position: absolute;
    left: -12px;
    top: 9px;
}

.intrbox.year10 .intrbox_inner h2:before {
    border-right: 12px solid #38b6ff;
}

.year10 .intrbox_inner h2 {
    background: #38b6ff;
    color: #444;
}

.intrbox_inner p {
    font-size: 18px;
    line-height: 22px;
    color: #737373;
    padding: 13px;
    margin-bottom: 0;
    display: none;
}

@media screen and (max-width: 1580px) {
    .intrbox_inner h2 {
        font-size: 19px;
    }
    .intrbox_inner p {
        font-size: 16px;
        line-height: 20px;
    }
}

.boxright {
    float: right;
    text-align: center;
    margin-left: 50px;
    width: 30%;
}

.graybox {
    background: #eee;
    padding: 15px 25px;
    font-weight: bold;
    color: #333;
}

.boxleftblue {
    background: #38b6ff;
    float: left;
    width: 360px;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 40px 0 0;
}

.boxleftblue h2 {
    color: #fff;
    font-size: 33px;
    margin-bottom: 30px;
}

.boxleftblue p {
    margin: 0 0 10px;
}

.boxleftblue .btn-primary {
    background: #fff;
    border: 0;
    color: #38b6ff;
}

.boxleftblue .btn-primary:hover,
.boxleftblue .btn-primary:focus,
.boxleftblue .btn-primary:active,
.boxleftblue .btn-primary:active:hover {
    color: #fff;
    background: #000;
    border: 0;
}

.bor3box {
    text-align: center;
    margin-bottom: 40px;
}

.bor3box img {
    max-width: 80px;
    padding-bottom: 10px;
}

.bor3box h3 {
    font-size: 26px;
    margin-bottom: 10px;
}

.bor3box h3 a {
    color: #111;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.bor3box>div:hover a {
    color: #38b6ff;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.bor3box p {
    margin-bottom: 0;
}

.foraboutheader .page-title,
.foraboutheader p {
    text-align: left;
}

.faqsearch {
    float: right;
    margin-left: 10px;
}

.flipcards {
    width: 30%;
    margin-right: 3%;
    perspective: 1000px;
    height: 451px;
    background-color: transparent;
    display: inline-block;
    vertical-align: top;
}

.flipcards-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flipcards.active .flipcards-inner {
    transform: rotateY(180deg);
}

.flipcards1,
.flipcards2 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
}

.flipcards1 {
    background: #eee;
    box-sizing: border-box;
    padding: 45px 0;
    text-align: center;
    z-index: 1;
    opacity: 1;
    transition: all 0.25s linear;
}

.active .flipcards1 {
    opacity: 0;
    transition: all 0.25s linear;
    visibility: hidden;
}

.flipcards1 h2 {
    font-size: 28px;
    margin: 15px 0 7px 0;
}

.flipcards1 h3 {
    font-size: 20px;
    margin: 0;
    color: #999;
    font-family: 'MyriadProRegular';
}

.flipcards1 p {
    margin: 0 auto;
    max-width: 260px;
    text-align: center;
}

.flipcards2 {
    padding: 12px 15px;
    border: 10px solid #eee;
    background: #fff;
    transform: rotateY(180deg);
    text-align: left;
}

.flipcards2 p {
    margin-bottom: 5px;
    line-height: 1.25em;
}

.flipcards2 p:last-child {
    background: #fff;
    overflow: auto;
    height: 354px;
    padding: 0 10px 0 0;
    font-size: 17px;
    line-height: 1.25em;
}

.flipcards1 .btn-primary {
    padding: 8px 25px;
    margin-top: 15px;
}

.partners-sections {
    padding-top: 40px;
}

.partners-sections .bor3box h3 {
    margin-bottom: 5px;
}

.footer_call {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    display: block;
    max-width: 312px;
}

.footer_call a {
    color: #fff;
}

.user-manuals h2 {
    margin-top: 45px;
}

.d-none {
    display: none;
}

@media screen and (max-width:1339px) {
    .aos-init.active .intrbox .intrbox_inner {
        width: 250px;
    }
    .intractiveline>div.active:nth-child(2n+1)>div>.intrbox_inner {
        margin-right: -120px;
    }
    .aos-init.active .intrbox .intrbox_inner {
        margin-left: -120px;
    }
}

@media only screen and (min-width :992px) and (max-width: 1339px) {
    .aos-init.active .intrbox.secbox {
        left: -270px;
    }
    .intractiveline>.aos-init.active:nth-child(2n+1) .intrbox.secbox {
        right: -270px;
    }
}

@media screen and (max-width:1199px) {
    .flipcards2 p {
        font-size: 15px;
    }
    .intractiveline {
        transform: scale(0.9);
        margin-top: -80px;
        margin-bottom: 0;
    }
}

@media screen and (max-width:991px) {
    .boxright {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 25px;
    }
    .bor3box {
        margin-bottom: 0;
    }
    .bor3box img {
        margin-top: 40px;
    }
    .faqsearch {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        padding-top: 15px;
    }
    .flipcards {
        margin: 0 auto;
        display: block;
        max-width: 320px;
        width: 100%;
        margin-bottom: 30px;
    }
    .flipcards2 p {
        font-size: 16px;
    }
    .flipcards2 p:last-child {
        font-size: 15px;
    }
    .flipcards2 {
        padding: 10px 12px;
    }
    .flipcards2 p:last-child {
        height: 374px;
    }
    .intrbox_inner {
        left: auto;
        right: 0;
    }
    .intractiveline {
        margin-left: -150px;
    }
    .intractiveline>div:nth-child(2n+2)>div:after {
        margin-left: auto;
    }
    .intrbox {
        margin-bottom: 65px;
    }
    .intractiveline>div:nth-child(2n+2)>div>.intrbox_inner {
        right: 0;
        left: auto;
    }
    .aos-init.active .intrbox .intrbox_inner {
        margin-right: -120px;
        margin-left: auto;
    }
    .intrbox_inner {
        margin-top: 0;
    }
    .intrbox.secbox {
        background: none;
    }
    .intrbox.secbox:after {
        display: none;
    }
    .aos-init.active .intrbox.secbox .intrbox_inner {
        margin-right: -390px;
        margin-top: -97px;
    }
    .accordion-inner-wrap-right .btn-wrap {
        margin-bottom: 55px;
    }
}

@media screen and (max-width:576px) {
    .search-right-sec {
        width: 100% !important;
    }
    .search-right-sec label {
        float: none;
        width: 100%;
        display: block;
        text-align: left;
        padding-right: 0px;
    }
    .search-right-sec input.form-control {
        float: none;
        width: 100%;
    }
    .search-right-sec button.btn {
        bottom: 0;
        margin: 0;
        top: auto;
    }
    .faq_listing_cont .accordion-inner-wrap {
        width: 100%;
    }
    .faq_listing_cont .accordion-inner-wrap-right {
        width: 100%;
    }
    .accordion-inner-wrap-right .btn-wrap {
        margin: 10px 0 !important;
        width: 49%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }
    .accordion-right-wrap img {
        margin-bottom: 15px;
    }
    .photography #accordion h3 {
        font-size: 26px;
    }
}

@media screen and (max-width:767px) {
    .accordion-inner-wrap-right .btn-wrap {
        margin-bottom: 56px;
    }
    .search-right-sec {
        width: 80%;
    }
    .boxleftblue {
        width: 100%;
        float: none;
        margin: 0 0 25px;
    }
}

@media screen and (max-width:639px) {
    .aos-init.active .intrbox.secbox .intrbox_inner {
        margin-right: -120px;
        margin-top: 225px;
    }
    .secbox .intrbox_inner h2:before {
        display: none;
    }
    .text-center h2 {
        font-size: 26px;
    }
}

.parent-lang-page-id-11661166 td>.cform,
.parent-lang-page-id-11661166 td>form {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.parent-lang-page-id-11661166 td>form select,
.tab-panel .cform select {
    padding: 9px;
    margin-left: 10px;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.tab-panel .cform {
    text-align: center;
}

.tab-panel .cform select {
    border: 1px solid #dcd7ca;
    padding: 9px 15px;
}

.tab-panel p.lngsep a,
.tab-panel p.lng-English a,
.tab-panel p.lng-Chinese a {
    text-align: center;
    display: block;
    font-weight: bold;
    border-top: #ccc 1px solid;
    padding: 20px 10px;
    color: #38b6ff !important;
}

#image-gallery .prd-img {
    display: block;
}

#image-gallery #playme,
.owl-item #playme {
    position: relative;
    display: block;
    background: #000;
}

#image-gallery #playme img,
.owl-item #playme img {
    opacity: 0.8;
}

#image-gallery #playme:before,
.owl-item #playme:before {
    position: absolute;
    z-index: 2;
    content: " ";
    left: 50%;
    top: 50%;
    background: url(images/play-icon2.png) no-repeat;
    width: 50px;
    height: 57px;
    background-size: 50px;
    margin-left: -25px;
    margin-top: -29px;
}

.firm_desc {
    color: #ea5658;
    font-size: 15px;
    padding-bottom: 25px;
    font-weight: bold;
    margin-top: -5px;
}

.store_locator_plg form label,
.store_locator_plg form #wpsl-radius label {
    width: auto;
    font-weight: normal;
    font-size: 16px;
}

.flipcards {
    margin-top: 1.5%;
    margin-bottom: 1.5%;
}

.two-col-ftrnews .ftr-img:after {
    display: none;
}

section.two-col-ftrnews {
    padding-top: 50px;
}

body .wpsl-search {
    margin-bottom: 12px;
    padding: 8px 20px;
    background: #f4f4f4;
}

#wpsl-search-wrap form div {
    margin-bottom: 0;
}

body .wpsl-dropdown .wpsl-selected-item,
body .wpsl-dropdown li,
body .wpsl-selected-item,
body #wpsl-search-input {
    padding: 4px 10px!important;
    font-size: 16px !important;
    color: #666 !important;
}

body #wpsl-search-input {
    width: 200px;
    /* width: 140px; */
}

body .wpsl-dropdown .wpsl-selected-item,
body .wpsl-dropdown li,
body .wpsl-selected-item {
    padding: 6px 10px!important;
}

body .wpsl-dropdown {
    color: #777;
}

body #wpsl-search-btn {
    padding: 8px 10px;
    line-height: 1em;
    background: #eeeeee;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    font-family: 'MyriadProRegular', sans-serif;
    font-weight: bold;
    color: #222 !important;
}

.topsubnav {
    text-align: center;
    margin: 0;
    padding: 30px 0 0 0;
    list-style: none;
}

@media screen and (min-width:768px) {
    .topsubnav.act {
        position: fixed;
        width: 100%;
        top: 70px;
        left: 0;
        z-index: 9;
    }
}

.topsubnav li {
    display: inline-block;
}

.topsubnav li a {
    color: #38b6ff;
    font-size: 18px;
    border: 1px solid #38b6ff;
    padding: 4px 13px;
    margin: 3px 1px;
    display: inline-block;
    background: #fff;
}

.topsubnav li a:hover {
    color: #fff;
    background: #38b6ff;
}

.downarrowbg {
    background: url(images/down-arrow.png) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 125px;
    display: block;
    position: fixed;
    right: 15%;
    bottom: 30px;
}

@media screen and (max-width:767px) {
    body #wpsl-search-input {
        width: 100%;
    }
    .downarrowbg {
        display: none
    }
}

.twolic li {
    width: 32.5%;
    display: inline-block;
}

.tabpageli h2 {
    font-size: 24px;
}

.tabpageli ul {
    list-style: none;
    margin: 0;
    padding: 0 0 10px;
}

.tabpageli ul li {
    margin-bottom: 5px;
}

.tabpageli ul li a {
    display: block;
    background: url(images/plus-1.png) no-repeat 0 5px;
    padding-left: 15px;
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
    background-color: #286090 !important;
}

.fp_catogory h2 {
    text-align: left;
}

.fp_catogory .term-description p {
    text-align: justify;
}


/*************************************************************/


/*Toggle style start*/


/*************************************************************/

.modal .row>.column {
    padding: 0 8px;
}

.modal .row:after {
    content: "";
    display: table;
    clear: both;
}

.modal .column {
    padding: 8px;
    width: 33.33%;
    text-align: center;
}

.modal .mySlides {
    text-align: center;
}

.modal .mySlides img {
    width: auto !important;
}

.modal .column img {
    width: auto !important;
    max-height: 100px;
    opacity: 0.75;
}

.modal .column img.active {
    opacity: 1;
}

.product_content_body table {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

.product_content_body table th,
.product_content_body table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px;
}

.product_content_body table th {
    color: #fff;
    background: #000000;
    vertical-align: middle;
    text-align: center;
}

.product_content_body table tr:nth-child(2n+1) {
    background: #fff;
}


/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 110px;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1111;
}


/* Modal Content */

.modal .modal-content {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    margin: auto;
    padding: 0;
    max-width: 750px;
    box-shadow: none;
    border: none;
}

.modal .close {
    top: 50px;
    right: 55px;
}

.modal .close {
    color: #38b6ff;
    position: absolute;
    top: 50px;
    right: 55px;
    font-size: 35px;
    font-weight: bold;
    opacity: 1;
    text-shadow: none;
}

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.modal .mySlides {
    display: none;
    position: relative;
}

.modal .cursor {
    cursor: pointer;
}

.modal .prev,
.modal .next {
    cursor: pointer;
    position: absolute;
    top: 36%;
    left: 0px;
    padding: 10px;
    transition: 0.6s ease;
    user-select: none;
    transform: translateY(-50%);
    display: inline-block;
}

.modal .prev img,
.modal .next img {
    width: 30px;
    height: 30px;
}

.modal .next {
    right: 0;
    left: unset;
    border-radius: 3px 0 0 3px;
}

.modal-content-inner {
    width: 85%;
    margin: 0 auto;
}

.modal .caption-container {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 16px;
    color: white;
}

.photography.user-manuals-second ul li {
    clear: both;
}

.modal .column-wrapper {
    margin: 30px 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.photography.user-manuals-second .accordion-inner-wrap {
    width: 100%;
    margin: 0 auto;
    float: unset;
}

.photography.user-manuals-second .accordion-inner-wrap .last-img-cls {
    margin-bottom: 15px;
}

.accordion-right-wrap img:last-child {
    margin-bottom: 15px;
}

.btn-wrapper {
    margin: 20px 0px;
}

.btn-wrapper .btn1 {
    padding: 10px 25px;
    float: left;
    width: 48%;
    text-align: center;
    color: #000;
    background: #38b6ff;
    font-family: 'MyriadProBold';
}

.btn-wrapper .btn1:last-child {
    float: right;
    background: #f6b734;
}

.btn-wrapper .btn1:hover {
    background: #000;
    color: #fff;
}

.photography.user-manuals-second .view-and-download {
    margin-bottom: 20px;
    margin-top: 10px;
}

.home .about-img #playme1 {
    max-width: 100%;
}

.home .about-img #playme1 img {
    opacity: 1;
}

.home .about-img #playme1:after {
    z-index: 2;
}

@media screen and (max-width:767px) {
    .btn-wrapper .btn1 {
        padding: 10px 15px;
        font-size: 14px;
    }
    .modal .close {
        top: 10px;
        right: 25px;
    }
}

img.alignright {
    float: right;
    text-align: center;
    margin-left: 50px;
}

img.alignleft {
    float: left;
    text-align: center;
    margin-right: 50px;
}

img.aligncenter {
    display: block;
    margin: 0 auto;
}

.fourfilebox1 .ul_accordion>li>ul>li {
    max-width: 1200px;
}

.fourfilebox {
    padding: 0 0 30px 0;
}

.fourfilebox-sub {
    text-align: center;
    width: 24.5%;
    min-width: 250px;
    box-sizing: border-box;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
}

.fourfilebox-sub p {
    height: 200px;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
}

.fourfilebox-sub p img {
    max-height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

.fourfilebox-sub p span#playme1 {
    height: 100%;
}

.fourfilebox-sub>span {
    display: inline-block;
    padding: 0 5px;
}

.fourfilebox-sub>span a {
    color: #000;
    font-size: 16px;
}

.section-inner.thin.error404-content {
    text-align: center;
    padding: 60px 0;
}

a.banner-policy-link:focus {
    outline: none;
    color: #38b6ff;
}

a.btn.btn-primary.btn_black:hover {
    color: #000;
    background: #fabc35;
}

a.btn.btn-primary.btn_black {
    background: #000;
    border: 0;
    padding: 15px 30px;
    color: #fabc35;
}

body {
    top: 0px !important;
}

body.search {
    right: 0 !important;
    top: 0 !important;
}

.footerfrm {
    border-bottom: 1px solid #3e3e3e;
}

.basic-body-table {
    width: 100%;
}

.basic-body-table td,
.basic-body-table th {
    border: 1px solid #bbb;
    padding: 8px;
}

.basic-body-table tr:nth-child(even) {
    background-color: #ededed;
}

#commitment_table tr td:first-child {
    font-weight: bold;
}

ul.commitment-body-ul {
    display: flow-root;
}

.product-content .titleh1 {
    font-size: 30px;
    margin-bottom: 0;
}

.ftr-text.topno .titleh1 {
    font-size: 34px;
    margin: 0 0 18px 0;
}

.single-success-stories .page-text .titleh1 {
    font-size: 36px;
}

form.usermanual_filter_form .submit_search_usermanuals {
    padding-left: 0;
    padding-right: 0;
    width: 130px;
    height: 42px;
}

/* lda modal */
*, *:before, *:after {
    box-sizing: inherit;
}
.fp-modal-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}

.fp-modal-dialog:target {
    opacity:1;
    pointer-events: auto;
}

.fp-modal-dialog > div {
    max-width: 800px;
    width: 90%;
    position: relative;
    margin: 10% auto;
    padding: 20px;
    border-radius: 3px;
    background: #fff;
}

.fp-modal-close {
    font-size: 25px;
    background: #fabc35;
    color: #010000;
    line-height: 25px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -15px;
    width: 37px;
    height: 33px;
    text-decoration: none;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    padding-top: 3px;
}

.fp-modal-close:hover {
    color: #fff;
}

#fp-modal-content .wpml-ls-legacy-dropdown {
    margin: auto;
}

#fp-modal-content h3 {
    color: #010000;
    padding-left: 20px; 
}

.fp-lang-container li {
    list-style-type: none;
    margin: .5em 0;
}

.fp-lang-container li a {
    color: #333;
}

.fp-lang-container li a:hover {
    color: #fabc35;
}

.fp-lang-container .fp-country-flag {
    margin-right: .6em;
}

.fp-lang-switcher {
    position: fixed;
    bottom: 85px;
    right: -5px;
    background-color: #fabc35;
    color: #010000 !important;
    padding: 8px 18px;
    font-size: 9pt;
    font-weight: bold;
    z-index: 9999;
}

.fp-lang-switcher:hover,
.fp-lang-switcher:focus,
.fp-lang-switcher:active {
    color: #fff !important;
}

/* Media Queries */
@media only screen and (max-width: 1024px) {
    .fp-modal-dialog > div {
        width: 80%;
    }
    .fp-lang-switcher {
        bottom: 150px;
    }
}
@media only screen and (max-width: 767px) {
    .fp-modal-close {    
        right: -15px;
    }
    .fp-lang-switcher {
        bottom: 190px;
    }
}


* {
    box-sizing: border-box;
}


/* News & Articles */
.news-articles-banner-content , .news-articles-post-content {
    /* padding: 30px 0; */
    padding-top: 30px;
    padding-bottom: 15px;
}

.article-border{
    position: relative;
}
.article-border::before{
    content: '';
    position: absolute;
    display: block;
    background: url(/wp-content/themes/fieldpiece/images/orange-angle-1.png) top left no-repeat;
    height: 238px;
    width: 227px;
    top: -37px;
    left: -50px;
    z-index: -1;
}
.news-articles-banner-content h2 a , .news-articles-banner-content h6 a , .news-articles-banner-content h6 span , .news-articles-post-content .post-desc h4 a  {
    color : #000 !important;
}   
.news-articles-post-content h6.read-title ,
.news-articles-banner-content h6.read-title {
    color: #88949c;
    font-size: 16px;
    margin: 0 0 20px;
}
.news-articles-banner-content .news-banner-description {
    margin: 0 0 20px;
}

.news-articles-post-content h6.read-title a ,
.news-articles-banner-content h6.read-title a {
    font-size: 16px;
}
.news-articles-banner-content h2 a:hover {
 color : #333 !important;
} 
.news-post-img img{
    border: 1px solid #0000000f;
}

/* News & Articles filter */

div.container.news-articles-search-filter {
    margin-top: 40px;
}

.news-articles-search-filter form div{
    display: flex;
    margin-bottom: 20px;
}
.news-articles-search-filter #news-articles-search {
    padding: 21px;
    width: 70%;
    margin: auto;
    border-radius: 4px;
} 
.news-articles-search-filter .btn {
    background-color: #fff;
    position: relative;
    right: 130px;
    z-index: 8;
    padding: 7px 20px;
    font-size: 16px;
    letter-spacing: 1px;
}
.news-articles-search-filter .btn:hover {
    background: #010000;
}
.news-articles-search-filter .categories-page {
    margin : 20px 0;
}
.news-articles-search-filter ul  {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.news-articles-search-filter ul li {
    list-style: none;
    margin: 0 20px;
    cursor: pointer;
}
.news-articles-search-filter ul li a {
    color: #88949c;
    font-size: 20px;
    border-bottom: solid 2px transparent;
    padding: 10px 0;
    display: block;
    font-weight: 400;
}
.news-articles-search-filter ul li a:hover ,.news-articles-search-filter ul li a.active {
    border-bottom: solid 2px #010101;
    color: #010101;
}

/* News Articles post listing */
.news-articles-post-content article {
    background: #f9f8f8;
    /* height: 100%; */
    height: 510px;
    max-height: 100%;
    border-radius: 10px;
    padding: 5px;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 5px;
}
.news-articles-post-content article img{
    border-radius: 10px;
    width: 100%;
}
.news-articles-post-content .post-desc {
    padding: 0 15px;
    padding-bottom: 15px;
}
.news-articles-post-content .post-desc h4{
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
}
.news-articles-post-content .post-desc p.post-contact {
    font-size: 16px;
    /* color:  #88949c; */
    color: #787878;
    font-weight: 400;
    margin-bottom: 10px;
}
section.news-articles-post-content .row > div {
    margin-bottom: 20px;
}

.news-articles-post-content .fieldpiece-pagination span, .news-articles-post-content .fieldpiece-pagination a {
    font-size: 20px;
    padding: 8px 14px;
}

.news-articles-post-content .na-height-fixed {
    height: 200px;
    text-align: center;
}
.news-articles-post-content .na-height-fixed img {
    width: auto;
    max-height: 100%;
}

/* News Articles single page */
.custom-widget-main form > div.input-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    position: relative;
}
.custom-widget-main form div input.form-control {
    padding: 4px 10px;
    height: 50px;
}
.custom-widget-main form div input[type="submit"] {
    padding: 11px 10px;
    position: absolute;
    right: 0;
    z-index: 9;
    
}
.news-articles-banner-content .btn {
    padding: 7px 20px;
    font-size: 16px;
    letter-spacing: 1px;
}
.custom-widget-main .btn {
    background-color: #f8ba35;
  
}
.custom-widget-main .btn:hover {
    background-color: #010000;
}
.custom-widget-main  .search-from {
    margin-bottom: 30px;
}
.custom-widget-main .widget_recent_entries .widget-title {
    font-size: 26px;
    font-weight: 600;   
    border-bottom: solid 1px #dfdfdf;
    text-transform: none;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.custom-widget-main .widget_recent_entries ul {
    padding: 0 ;
}
.custom-widget-main .widget_recent_entries ul li {
    list-style: none;
    margin-bottom: 10px;
}
.custom-widget-main .widget_recent_entries ul li a{
    color: #535353;
}
.custom-widget-main .widget_recent_entries ul li a:hover {
    color: #000000;
}
.single-post-page-main .titleh1 {
    font-size: 31px;
    margin-bottom: 5px;
}
.single-post-page-main  span {
    font-size: 20px;
    color: #777878;
    display: block;
    margin-bottom: 20px;
}
.single-post-page-main .read-title.tags {
    display: flex;
    flex-wrap: wrap;
}
.single-post-page-main  .read-title.tags img{
    width: 20px;
    margin-right: 5px;
}
.single-post-page-main  .custom-ftr-img {
    /* text-align: center; */
    margin-bottom: 20px;
}

/* news articles post content odd - even border */
.news-articles-post-content .row > div article{
    border: 2px solid #808080;
}

/* .news-articles-post-content .row > div:nth-of-type(odd) article{
    border: 2px solid #939393;
}
.news-articles-post-content .row > div:nth-of-type(even) article{
    border: 2px solid #fabc35;
} */

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
    .news-articles-search-filter #news-articles-search {
        width: 100%;
    }
    .news-articles-search-filter .btn {
        position: relative;
        right: 5px;
    }
    .news-articles-search-filter ul {
        justify-content: flex-start;
        padding : 0;
    }
    .news-articles-search-filter ul li {
        margin: 0 8px;
    }
    .news-articles-search-filter ul li a{
        font-size: 18px;
    }
    .news-articles-banner-content .news-banner-content  h2 {
        font-size: 24px;
    }
   
    .news-articles-banner-content .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .news-articles-banner-content .news-post-img{
        margin-bottom :15px
    }

    .single-post-page-main .titleh1 {
        font-size: 21px;
    }
    .single-post-page-main span {
        margin-bottom: 0;
    }
    .custom-widget-main .search-from {
        margin-top: 20px;
    }
    section.page-text.single-post-page-main {
        padding: 30px 0;
    }
}
/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
    .news-articles-banner-content .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .news-articles-banner-content .news-post-img{
        margin-bottom :15px
    }
  }
  



  
/*joblink page 18-01-2022 start*/

@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact.eot');
    src: url('fonts/Impact.eot?#iefix') format('embedded-opentype'),
        url('fonts/Impact.woff2') format('woff2'),
        url('fonts/Impact.woff') format('woff'),
        url('fonts/Impact.ttf') format('truetype'),
        url('fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.featury-app h2{
    font-size: 32px; 
}

.sub-heading-txt
{
    font-size: 20px;
}

.featury-app .app-fblock li
{
    padding: 10px 15px; border: 2px solid #ffc72a; border-radius: 16px; font-size: 16px;
}
.featury-app  .app-fblock li.osd-mobile-box {
    height: 146px;
}
.app-fblock li.osd-mobile-box h3 {
    font-family: 'MyriadProBold';
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}
.featury-app .aft-mobile {
    top: 30px;
}
.featury-app .aft-mobile img {
    max-width: 100%;
}

.featury-app .app-fblock .org-arr{
    position: relative; padding-bottom: 50px; margin-bottom: 22px;
}
.lbl-feature
{
    position: absolute; right: 20px; bottom: 10px; text-transform: uppercase; color: #000; font-size: 30px;  font-family: 'Impact'; 
}
.bg-yellow{
    background-color: #ffc72a; border-color: #ffc72a !important
}
.bg-blue{
    background-color: #00a8e0; border-color: #00a8e0 !important;
}

.job-family-section
{
    background-image: url(images/family-tool-bg.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 100px; color: #fff; position: relative;
}

.job-family-section::before
{
    position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0, .6);
}

.job-family-section .app-fblock li strong, .job-family-section .app-fblock li{
    font-family: 'Impact';
}
.job-family-section .app-fblock li a{
    display: inline-block; padding: 5px 13px; border: 2px solid #ffc72a; border-radius: 7px; color: #010001; font-size: 16px; 
}

.job-family-section .app-fblock li a:hover{
    background-color: #ffc72a; color: #000;
}
.job-family-section .app-fblock li{
    background-color: #fff; border-radius: 8px; margin-bottom: 40px; padding: 5px; color: #000;
}

.wjl-section
{
    background-color: #e2e2e2;
}

.team-db img {
    border-radius: 16px;
    margin-bottom: 30px;
}
body .team-db h3 {
    font-family: 'MyriadProbold';
    margin-top: 15px;
    font-size: 32px;
}
.wjl-bx p
{
    font-size: 20px;
}
.plan-job-section .ppricing-box
{
    border: 1px solid #000; border-radius: 18px; overflow: hidden; text-align: left; height: 100%;
}
.plan-job-section .ppricing-box .ppricing-box-wrap {
    background-color: #e2e2e2;
    border-bottom: 30px solid #ffc72c;
    font-size: 24px;
    color: #000;
    padding: 45px 20px 20px;
    position: relative;
    height: 245px;
}
.plan-job-section .ppricing-box .ppricing-box-wrap h3 {
    font-size: 34px;
    color: #000;
    padding: 0px;
    border: none;
    font-weight: 600;
    margin-bottom: 60px;
}
.ppricing-box-wrap h5.ppricing-box-mp {
    font-size: 24px;
    color: #00a9e0;
    position: absolute;
    top: 15px;
    margin: 0;
    padding: 0;
}
.ppricing-box-wrap h4.ppricing-box-ala {
    padding: 0px;
    margin: 0;
    position: absolute;
    bottom: 50px;
    font-size: 20px;
    font-weight: 400;
    min-height: auto;
}
.ppricing-box-wrap h4.ppricing-box-price {
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    position: absolute;
    bottom: 20px;
    min-height: auto;
}
.ppricing-box-wrap h4.ppricing-box-price sup{
    font-size: 50%;
}
.plan-job-section .ppricing-box ul li:nth-child(odd) {
    background: #fff;
}
.ppricing-box ul {
    list-style-type: none;
    padding: 20px 20px 20px 0px;
    margin: 0;
}
.plan-job-section .ppricing-box ul li {
    padding-left: 40px;
    position: relative;
    padding-top: 0;
    font-size: 24px;
}
.plan-job-section .ppricing-box ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
    left: 20px;
    top: 15px;
}
.plan-job-section .mst-pop
{
    transform: none; right: auto; width: auto;     background: none;      font-size: 24px;   height: auto; padding-top: 0;     top: 15px;     left: 20px; color: #00a9e0;

}
.aft-mobile-screen-wrap {
    display: flex;
    grid-column-gap: 10px;
    align-items: center;
}
.aft-right-label .aft-mobile-screen-wrap {
    flex-direction: row-reverse;
}
.aft-mobile-screen-wrap .aft-mobile-screen-wrap-img {
    width: 190px;
}
.aft-mobile-screen-wrap .aft-mobile-screen-wrap-text {
    width: calc(100% - 200px);
    text-align: center;
}
.app-fblock li h3 {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'Impact';
}
.app-fblock p {
    font-size: 18px;
    font-family: 'MyriadProBold';
    margin-bottom: 10px;
}
.banner-joblink {
    position: absolute;
    top: 218px;
    left: 50px;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 75px;
}
.joblink-grac.joblink-grac-new {
    bottom: -178px;
}

.A1featury-app .app-fblock .aft-left-label li.active.org-arr.one:after,
.A1featury-app .app-fblock .aft-left-label li.active.org-arr.two:after,
.A1featury-app .app-fblock .aft-left-label li.active.org-arr.three:after {
    content: '';
    position: absolute;
    display: block;
    background: url(//www.fieldpiece.com/wp-content/themes/fieldpiece/css/../images/new-arrow-yellow.png) top left no-repeat;
    width: 80px;
    height: 30px;
    top: 55px;
    right: -80px;
}
.A1featury-app .app-fblock .aft-right-label li.active.org-arr.one:after,
.A1featury-app .app-fblock .aft-right-label li.active.org-arr.two:after,
.A1featury-app .app-fblock .aft-right-label li.active.org-arr.three:after {
    content: '';
    position: absolute;
    display: block !important;
    background: url(//www.fieldpiece.com/wp-content/themes/fieldpiece/css/../images/new-arrow-yellow.png) top left no-repeat;
    width: 80px;
    height: 30px;
    top: 55px;
    left: -82px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.A1featury-app .app-fblock .aft-left-label li.active.bg-blue.org-arr.one:after,
.A1featury-app .app-fblock .aft-left-label li.active.bg-blue.org-arr.two:after,
.A1featury-app .app-fblock .aft-right-label li.active.bg-blue.org-arr.three:after{
    background-image: url(//www.fieldpiece.com/wp-content/themes/fieldpiece/css/../images/new-arrow-blue.png);
}
.featury-app .app-fblock .aft-right-label li.active.org-arr.three:after,
.job-family-section .app-fblock .aft-right-label li.active.org-arr.three:after{
    top: -34px;
}
.job-family-section .app-fblock .aft-left-label li.active.org-arr.one:after,
.job-family-section .app-fblock .aft-left-label li.active.org-arr.two:after,
.job-family-section .app-fblock .aft-right-label li.active.org-arr.three:after {
    display: none;
}
.job-family-section .aft-mobile {
    z-index: 9;
    width: 40%;
    left: 20px;
    top: 100px;
}
.job-family-section .aft-mobile img {
    max-width: 100%;
}
.featury-app .aft-left-label, .featury-app .aft-right-label {
    width: 31%;
    max-width: 434px;
}
.featury-app .aft-left-label ul, .featury-app .aft-right-label ul{
    padding: 0px;
}
.job-family-section .app-fblock {
    min-height: auto;
}


@media (min-width: 768px){
    .ppricing-box-row{
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 1479px){
    .featury-app .app-fblock li.osd-mobile-box {
        height: auto;
    }
    .featury-app .aft-mobile {
        top: 100px;
    }
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-img {
        width: 150px;
    }
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-text {
        width: calc(100% - 160px);
    }
    .job-family-section .app-fblock li h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .job-family-section .app-fblock p {
        font-size: 16px;
        margin-bottom: 5px;
    }
}
@media (max-width: 1199px){
    .banner-joblink {
        left: 120px;
        top: 208px;
    }
    .joblink-grac.joblink-grac-new {
        bottom: -187px;
    }
    .job-family-section .app-fblock li {
        padding: 10px;
        margin-bottom: 15px;
    }
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-img {
        width: 100px;
    }
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-text {
        width: calc(100% - 110px);
    }
    .job-family-section .app-fblock li h3 {
        font-size: 16px;
    }
    .featury-app .aft-mobile img {
        max-width: 300px;
    }
    .app-fblock li.osd-mobile-box h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .app-fblock li.osd-mobile-box  .osd-box-text {
        line-height: 1.2;
    }
    .lbl-feature {
        font-size: 20px;
        bottom: 0px;
    }
    .featury-app .app-fblock .org-arr {
        padding-bottom: 25px;
    }
}

@media (max-width: 991px){
    .banner-joblink {
        position: relative;
        top: 0;
        left: 0;
        width: 100px;
        margin-left: 0px;
    }
    .joblink-grac.joblink-grac-new {
        bottom: -103px;
    }
    .team-db img {
        margin-bottom: 0;
    }
    body .team-db h3 {
        margin-bottom: 10px;
    }
    .three-col-orgicon .col-md-4.team-db {
        margin-top: 40px;
    }
    .featury-app .aft-left-label {
        margin-right: 22px;
    }
    .featury-app .aft-left-label, .featury-app .aft-right-label {
        width: calc(50% - 11px);
        max-width: none;
    }
    .app-fblock li.osd-mobile-box .aft-mobile-screen {
        margin-bottom: 15px;
    }
    .featury-app .app-fblock li.osd-mobile-box {
        padding: 20px;
    }
    .app-fblock li.osd-mobile-box h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .lbl-feature {
        font-size: 20px;
        position: relative;
        right: 0;
        margin-top: 10px;
        font-size: 24px;
    }
    .job-family-section .app-fblock li {
        padding: 20px;
    }
    .job-family-section .aft-mobile-screen {
        width: 240px;
        height: 240px;
        border-radius: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto 20px;
    }
    .job-family-section .aft-mobile-screen img {
        max-width: 305px;
    }
    .aft-mobile-screen-wrap,
    .aft-right-label .aft-mobile-screen-wrap {
        grid-row-gap: 20px;
        flex-direction: column;
    }
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-img,
    .job-family-section .aft-mobile-screen-wrap .aft-mobile-screen-wrap-text{
        width: 100%;
    }
    .job-family-section .app-fblock li h3 {
        font-size: 22px;
    }
    .job-family-section .app-fblock p {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
@media (max-width: 768px){
    .page-banner.job-page-banner {
        height: auto;
        padding-bottom: 0px;
    }
    .joblink-grac.joblink-grac-new {
        width: 100%;
        position: relative;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0px;
    }
}
@media (max-width: 767px){
    .plan-job-section .ppricing-box .ppricing-box-wrap{
        padding: 20px;
        height: auto;
    }
    .ppricing-box-wrap h5.ppricing-box-mp {
        position: relative;
        top: 0;
        margin-bottom: 10px;
    }
    .plan-job-section .ppricing-box .ppricing-box-wrap h3 {
        margin-bottom: 20px;
    }
    .ppricing-box-wrap h4.ppricing-box-ala {
        position: relative;
        bottom: 0px;
    }
    .ppricing-box-wrap h4.ppricing-box-price {
        position: relative;
        bottom: auto;
    }
}
@media (max-width: 640px){
    .aft-right-label, .aft-left-label {
        width: 100%;
    }
    .job-family-section .app-fblock li {
        margin-bottom: 22px;
    }
    .aft-mobile-screen-wrap .aft-mobile-screen-wrap-img {
        width: 190px;
    }
    .aft-mobile-screen-wrap .aft-mobile-screen-wrap-text {
        width: calc(100% - 200px);
    }
    .featury-app .aft-right-label, .featury-app .aft-left-label,
    .job-family-section .aft-right-label, .job-family-section .aft-left-label {
        width: 100%;
    }
}
@media (max-width: 480px){
    .aft-mobile-screen-wrap, .aft-right-label .aft-mobile-screen-wrap {
        flex-direction: column;
    }
    .aft-mobile-screen-wrap .aft-mobile-screen-wrap-img, .aft-mobile-screen-wrap .aft-mobile-screen-wrap-text {
        width: 100%;
    }
}

/*joblink page 18-01-2022 end*/


/* Find a Training near you page 04-02-2022 strat */

ul.find-tny-tab:before, ul.find-tny-tab:after {
    display: none;
}
ul.find-tny-tab {
    margin-bottom: 30px;
    display: flex;
    padding: 0;
    border: 1px solid rgba(204, 204, 204, 0.3);
    background: #f1f2f8;
    position: relative;
}
ul.find-tny-tab:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #f1f2f8;
    position: absolute;
    right: 0px;
    display: block;
}
ul.find-tny-tab li {
    float: none;
    width: 250px;
}
ul.find-tny-tab li a {
    display: block;
    margin: 0;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-right: 1px solid rgba(204,204,204,.4);
    border-radius: 0;
    color: #000;
    width: 100%;
}
ul.find-tny-tab li a:hover{
    background-color: inherit;
    border-color: rgba(204,204,204,.4);
}
ul.find-tny-tab>li.active>a, ul.find-tny-tab>li.active>a:focus, ul.find-tny-tab>li.active>a:hover {
    color: #ffb606;
    border-color: transparent;
    border: none;
}
ul.find-tny-tab li.active:before {
    content: "";
    position: absolute;
    width: calc(100% + 1px);
    height: 4px;
    background: #fabc35;
    z-index: 9;
    left: -1px;
    top: -1px;
}
ul.find-tny-tab li.active:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    left: -1px;
    top: 0;
}


.training-event-box {
    display: flex;
    margin-bottom: 50px;
    grid-column-gap: 30px;
    align-items: center;
}
.training-event-box .training-event-box-text {
    width: calc(100% - 430px);
}
.training-event-box .training-event-box-img {
    width: 400px;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.training-event-box-text h3 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'MyriadProBold';
    margin-bottom: 10px;
}
.training-event-box-text h3 a {
    color: #000000;
}
.training-event-box-text h3 a:hover {
    color: #fabc35;
}
.training-event-time {
    font-size: 20px;
    margin-bottom: 15px;
}
.training-event-box-text .btn-primary {
    padding: 8px 30px;
}

.training-event-box-text .course-location {
    font-family: 'MyriadProBold';
    margin-bottom: 15px;
}
.training-event-box-text .course-location span {
    color: #00a7e1;
}

@media (max-width: 992px){
    .training-event-box .training-event-box-text {
        width: calc(100% - 330px);
    }
    .training-event-box .training-event-box-img{
        width: 300px;
    }
}
@media (max-width: 767px){
    .training-event-box {
        align-items: flex-start;
        flex-direction: column-reverse;
        grid-row-gap: 20px;
    }
    .training-event-box .training-event-box-text {
        width: 100%;
    }
    .training-event-box .training-event-box-img {
        width: 100%;
        max-width: 400px;
    }
}

/* Find a Training near you page 04-02-2022 end */



/* Check Out page Form 04-02-2022 start */

ul.lp-form-fields .form-field label {
    margin-bottom: 7px;
}
ul.lp-form-fields .form-field input, .learn-press-checkout-comment textarea.order-comments {
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 18px;
}
body .lp-password-input .lp-show-password-input {
    top: 14px;
}
ul.lp-form-fields .form-field input[type="password"] {
    padding-right: 38px;
}
body #learn-press-checkout-form .lp-checkout-form__after .lp-checkout-block .lp-checkout-remember label input[type=checkbox]{
    top: -2px;
}

/* Check Out page Form 04-02-2022 end */

/* Find a training near you page Map*/

/* .map-custom-click{position:relative;}
.map-overflow{position:relative;width:100%;margin:auto; margin-bottom: 60px; overflow-x: auto;}
.map-overflow > img{max-width: 1140px;}
.pin-alabama {position: absolute; top: 435px; left: 830px;}
.pin-alaska {position: absolute; top: 515px; left: 180px;}
.pin-arizona {position: absolute; top: 385px; left: 325px;}
.pin-arkansas {position: absolute; top: 390px; left: 710px;}
.pin-california {position: absolute; top: 300px; left: 190px;}
.pin-colorado {position: absolute; top: 280px; left: 460px;}
.pin-connecticut {position: absolute; top: 180px; left: 1055px;}
.pin-delaware {position: absolute; top: 245px; left: 1020px;}
.pin-florida {position: absolute; top: 550px; left: 960px;}
.pin-georgia {position: absolute; top: 435px; left: 900px;}
.pin-hawaii {position: absolute; top: 620px; left: 465px;}
.pin-idaho {position: absolute; top: 145px; left: 315px;}
.pin-illinois {position: absolute; top: 255px; left: 765px;}
.pin-indiana {position: absolute; top: 260px; left: 825px;}
.pin-iowa {position: absolute; top: 210px; left: 680px;}
.pin-kansas {position: absolute; top: 300px; left: 600px;}
.pin-kentucky {position: absolute; top: 310px; left: 860px;}
.pin-louisiana {position: absolute; top: 480px; left: 710px;}
.pin-maine {position: absolute; top: 65px; left: 1090px;}
.pin-maryland {position: absolute; top: 250px; left: 1000px;}
.pin-massachusetts {position: absolute; top: 155px; left: 1060px;}
.pin-michigan {position: absolute; top: 175px; left: 840px;}
.pin-minnesota {position: absolute; top: 120px; left: 660px;}
.pin-mississippi {position: absolute; top: 445px; left: 770px;}
.pin-missouri {position: absolute; top: 310px; left: 710px;}
.pin-montana {position: absolute; top: 80px; left: 415px;}
.pin-nebraska {position: absolute; top: 225px; left: 570px;}
.pin-nevada {position: absolute; top: 240px; left: 250px;}
.pin-newhampshire {position: absolute; top: 125px; left: 1070px;}
.pin-newjersey {position: absolute; top: 220px; left: 1035px;}
.pin-newmexico {position: absolute; top: 390px; left: 440px;}
.pin-newyork {position: absolute; top: 150px; left: 1010px;}
.pin-northcarolina {position: absolute; top: 345px; left: 970px;}
.pin-northdakota {position: absolute; top: 80px; left: 570px;}
.pin-ohio {position: absolute; top: 240px; left: 880px;}
.pin-oklahoma {position: absolute; top: 375px; left: 615px;}
.pin-oregon {position: absolute; top: 115px; left: 210px;}
.pin-pennsylvania {position: absolute; top: 210px; left: 965px;}
.pin-rhodeisland {position: absolute; top: 170px; left: 1080px;}
.pin-southcarolina {position: absolute; top: 395px; left: 945px;}
.pin-southdakota {position: absolute; top: 155px; left: 560px;}
.pin-tennessee {position: absolute; top: 360px; left: 830px;}
.pin-texas {position: absolute; top: 480px; left: 575px;}
.pin-utah {position: absolute; top: 260px; left: 350px;}
.pin-vermont {position: absolute; top: 115px; left: 1040px;}
.pin-virginia {position: absolute; top: 290px; left: 975px;}
.pin-washington {position: absolute; top: 34px; left: 240px;}
.pin-westvirginia {position: absolute; top: 280px; left: 925px;}
.pin-wisconsin {position: absolute; top: 155px; left: 750px;}
.pin-wyoming {position: absolute; top: 175px; left: 430px;}

.mapicon {  display: none;}
.mapicon.active {display: block;}

.mapicon a{text-decoration:none;position:relative;}
.mapicon img{width:25px;height:auto;transform:translateY(0px);transition: all 0.3s ease-in-out;}
.mapicon:hover img{transform:translateY(-5px);transition: all 0.3s ease-in-out;}
.loc-label{display: block;font-family: 'MyriadProRegular',sans-serif;background: #fabc35;color: #000000;padding: 5px 10px;font-size: 14px;text-decoration: none;font-weight: bold; bottom: -20px;margin: auto; transition: all 0.3s ease-in-out;}
.mapicon:hover .loc-label{display:block;transition: all 0.3s ease-in-out;}
.loc-label a {color: #000;}
.loc-label a:hover { color: #221d11; text-decoration: underline;} */

span.location-name {
    cursor: pointer;
    color: #00a7e1;
    text-decoration: underline;    
}

section.page-text.user-manuals {
    padding-bottom: 30px;
}
section.courses-listing {
    padding-top: 0px;
}
div#map {
    margin-bottom: 80px;
}

/* Find a training near you page Map  End*/


/* Page Breadcrumb 10-02-2022 strat */

ul.learn-press-breadcrumb {
    margin-top: 15px;
    font-size: 18px;
    color: #000;
}
ul.learn-press-breadcrumb li.breadcrumb-delimiter {
    margin-left: 5px;
    margin-right: 5px;
}
.learn-press-breadcrumb li a, .learn-press-breadcrumb li a span{
    color: #000;
}
.learn-press-breadcrumb li a:hover, .learn-press-breadcrumb li a:hover span{
    color: #fabc35;
}
.learn-press-breadcrumb li>span{
    color: #fabc35;
}

@media (max-width: 1199px){
    body .learn-press-breadcrumb{
        max-width: 970px;
        width: 100%;
    }
}
@media (max-width: 991px){
    body .learn-press-breadcrumb{
        max-width: 750px;
    }
}

/* Page Breadcrumb 10-02-2022 end */

.lp_course-template-default .course-detail-info,
.lp_course-template-default .lp-entry-content.lp-content-area .entry-content-left,
.lp_course-template-default .course-summary-sidebar .course-sidebar-preview .media-preview {
    display: none;
}
.lp_course-template-default .lp-entry-content.lp-content-area {
    padding: 0px;
}
.course-inner-wrap h1 {
    font-size: 40px;
    margin-bottom: 15px;
}
.course-inner-wrap .course-meta {
    margin-bottom: 0px;
    font-family: 'MyriadProBold';
}
.course-inner-wrap .course-location {
    font-family: 'MyriadProBold';
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.course-inner-wrap .course-location span {
    color: #00a7e1;
    margin-right: 10px;
}
.course-summary .course-sidebar-preview{
    margin-top: 10px;
    margin-bottom: 0px !important;
}
.course-summary .course-sidebar-preview .course-price {
    text-align: left !important;
    margin-bottom: 15px !important;
}
.course-summary .course-sidebar-preview .course-price .price {
    font-family: 'MyriadProBold';
}
.course-summary .course-sidebar-preview button.lp-button.button {
    width: auto !important;
    border-radius: 3px;
    padding: 16px 28px;
    font-size: 17px;
    letter-spacing: 2px;
    margin: 0;
}
.lp-checkout-form .checkout-account-switch-form {
    border-bottom: none !important;
    margin-bottom: 0px !important;
}
.lp-checkout-form .checkout-account-switch-form ul.lp-form-fields {
    display: flex;
    flex-direction: column;
}
/* .lp-checkout-form ul.lp-form-fields .form-field:nth-child(2){order: 1;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(3){order: 2;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(1){order: 3;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(4){order: 4;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(5){order: 5;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(6){order: 6;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(7){order: 7;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(8){order: 8;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(9){order: 9;} */
/* .lp-checkout-form ul.lp-form-fields .form-field:nth-child(10){order: 10;}
.lp-checkout-form ul.lp-form-fields .form-field:nth-child(11){order: 11;} */

#learn-press-checkout-form input[name=checkout-account-switch-form] +.lp-checkout-block>* {
    height: auto !important;
    overflow: inherit !important;
}
#learn-press-checkout-form input[name=checkout-account-switch-form]:not(:checked)+.lp-checkout-block{
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
}
div#checkout-account-logged-in{
    display: none;
}
.lp-checkout-sign-in-link {
    display: none !important;
}

body .gform_fields .ambassador-select select{
    font-size: 15px;
    color: #999;
}

.training-event-box-text {
    position: relative;
}
.training-event-box-text .course-logo {
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0px;
    /* bottom: 0px; */
    top: -90px;
}

.course-location-icon {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 10px;
    margin-bottom: 15px;
    position: relative;
}

.course-location-icon .course-logo {
    max-width: 90px;
    max-height: 90px;
    position: absolute;
    top: -30px;
    right: 0px;
}

.course-inner-wrap .course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
    position: relative;
}
body .homebanner{
    position: relative;
    background-image: none !important;
}
.homebanner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34,34,34,0.8);
    z-index: 1;
}
.homebanner .bg-video {
    width: 100%;
    height: calc(315 * calc(100vw / 560));
    min-height: calc(638px * 1.1) !important;
    
    left: 0;
    top: 0;
    opacity: 1;
    position: absolute;
}
.homebanner .hederslider{
    z-index: 1;
}
.university-video {
    width: 450px !important;
    height:252px !important;
}

.homebanner .hederslider::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34,34,34,.8);
    z-index: 2;
}
.homebanner .hederslider .owl-stage-outer {
    position: relative;
    z-index: 2;
}
.homebanner .hederslider .owl-nav,
.homebanner .hederslider .owl-dots{
    z-index: 3;
}


@media (max-width: 767px){
    /* .homebanner .bg-video{
        display: none;
    } */
}

.location-date>td {
    padding: 20px 20px 20px 0;
    color: #666;
    font-size: 16px;
    font-weight: 600;
}
.location-date>td span{
    color: #00a7e1;
}
#checkout-order .location-date>td:last-child {
    padding-right: 0;
    text-align: right;
}
select.courses-select {
    border-radius: 3px;
    height: auto;
    padding: 12px 16px !important;
    font-family: 'MyriadProBold';
    font-size: 17px;
    display: block;
    color: #777;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%) !important;
    width: 100%;
    line-height: 1.42857143;
    background-color: transparent;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course:disabled {
    background: #ccc;
    border-color: #ccc;
}

.lp-terms-and-conditions {
    display: none;
}


span.click-here-logo {
    display: inline-block;
    max-width: 55px;
    height: 55px;
    margin-left: 20px;
}
.click-here-logo img {
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.content-course-title {
    display: flex;
    grid-column-gap: 20px;
    /* justify-content: space-between;
    max-width: calc(100% - 430px); */
}
.content-course-title .course-logo {
    max-width: 60px;
}
@media (max-width: 992px) {
    .content-course-title {
        max-width: calc(100% - 330px);
    }
}
@media (max-width: 991px) {
    .content-course-title {
        max-width: 100%;
    }
}

.training-main-title, .logo-training {
    display: flex;
    align-items: center;
    grid-column-gap: 15px;
}

.training-main-title .course-logo, .logo-training img {
    width: 65px;    
}
.prd-img{
    position: relative;
}
#image-gallery{
    height: auto !important;
}
.prd-img{
    position: relative;
}
.prd-img::before{
    content: "";
    display: block;
    padding-top: 100%;
}
.prd-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}