/*
Theme Name: Sewa
Theme URI: https://canyonthemes.com/downloads/sewa
Author: canyonthemes
Author URI: https://canyonthemes.com
Description: Sewa is a multipurpose WordPress theme for business, corporate, portfolio, blog and many other types websites. It is complete elementor based theme. It has added custom widgets for home page if you don't want to go with the elementor. Moreover, it has cusotmizer based theme options, responsive layout, primary color, header and footer options and more. Each homepage sections have unlimited number of repeater fields, there is no any restriction.
Version: 1.0.3
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sewa
Tags:  custom-logo, one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, footer-widgets
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.
Sewa WordPress Theme, Copyright 2018 by Canyon Themes
Sewa is distributed under the terms of the GNU General Public License v2
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
=========================================
TABLE OF CONTENTS WORDPRESS DEFAULT STYLE:
=========================================
# Common Style
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
/* --------------------------------------
=========================================
TABLE OF CONTENTS CUSTOM STYLE :
=========================================
02)Top Header
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21
*/


/************************************
# Common CSS
*************************************/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

html,
body {
    height: 100%
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.comment-reply-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    position: relative;
    padding: 10px 20px;
    line-height: 24px;
    text-transform: uppercase;
    background: #005bac;
    color: #ffffff;
    border: 2px solid #005bac;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
}

button:hover,
.comment-reply-link,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: transparent;
    color: #333;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 textarea {
    width: 100%;
    padding: 7px;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}

.wpcf7-form label {
    display: block;
}

select {
    width: 100%;
    padding: 5px;
}

textarea {
    padding: 10px 20px;
    width: 100%;
}

body {
    background: #fff none repeat scroll 0 0;
    color: #7a7a7a;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    height: 100%;
    line-height: 1.5;
    margin: 0;
    outline: 0 none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

.alignnone {
    max-width: 100% !important;
}

.color-yellow {
    color: #286090;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.5;
    margin-top: 0;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:visited {
    color: #286090;
}

a:hover,
a:focus,
a:active {
    color: #286090;
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: 0 solid
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ol,
ul {
    margin-top: 0;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
    background: #fff;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

p.site-title {
    font-size: 36px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #005bac;
}

a:visited {
    color: #005bac;
}

a:hover,
a:focus,
a:active {
    color: #333;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

.comment-navigation,
.posts-navigation,
.post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    position: relative;
    transition: all 0.3s ease 0s;
    background-color: rgba(255, 255, 255, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #5f51fb;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 9px 28px;
    border-radius: 2px;
    border: 1px solid #5f51fb;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    color: #191919;
}

.nav-links .nav-next a {
    float: right;
    padding: 10px 25px;
}

.nav-links .nav-previous a {
    float: left;
    padding: 10px 25px;
}

.posts-navigation {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}


/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

.widget-area .container {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 15px 0;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title {
    margin: 30px 0;
    font-size: 18px;
}

.comments-area .comment-list {
    margin: 0;
    padding: 0;
}

.comments-area .comment-list li {
    border: 1px solid #e5e5e5;
    list-style: outside none none;
    margin-bottom: 15px;
    padding: 15px;
}

.comments-area .comment-body {
    overflow: hidden;
}

.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata {
    display: inline;
}

.comments-area .comment-body .comment-author .says {
    display: none;
}

.comments-area .comment-body .comment-metadata time {
    color: #5293ce;
    font-size: 14px;
    font-weight: 400;
    margin-left: 30px;
}

.comments-area .comment-body .comment-author img {
    border-radius: 50%;
    height: 70px;
    margin-right: 10px;
    overflow: hidden;
    width: 70px;
}

.comments-area .comment-body .comment-author b {
    color: #333;
    font-size: 13px;
    text-transform: uppercase;
}

.comments-area .comment-body .comment-content {
    border-top: 1px solid #e6e6e6;
    margin: 5px 0;
    padding: 5px 0;
}

.comments-area .comment-body .comment-content p {
    margin: 0;
    font-weight: 400;
}

.comments-area .comment-body .reply {
    margin-bottom: 10px;
    float: right;
}

.comments-area .comment-body .reply a {
    text-align: right;
    line-height: 26px;
    padding: 2px 12px;
    display: inline-block;
    background: #286090;
    color: #fff;
}

.comment-content a {
    word-wrap: break-word;
}

.comment-form label {
    width: 100%;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
    /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}


/*--------------------------------------------------------------
# Common CSS
--------------------------------------------------------------*/
.color-white {
    color: #fff;
}

.btn {
    padding: 10px 20px;
    border-radius: 4px;
}

.btn-primary {
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 10px 28px;
    border-radius: 2px;
    border: 1px solid #ffffff;
}

.btn-primary:hover {
    background: none;
    border: 1px solid #fff;
}

.btn-seconday {
    position: relative;
    padding: 9px 39px;
    line-height: 24px;
    text-transform: uppercase;
    background: #005bac;
    color: #ffffff;
    border: 2px solid #005bac;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
}

.btn-seconday:hover {
    background: none;
    color: #005bac;
    border: 2px solid #005bac;
}

.btn-primary:focus,
.btn-seconday:focus {
    background: #005bac;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #286090;
    font-size: 14px;
    font-weight: 600;
}

.read-more:hover {
    text-decoration: underline;
    color: #286090;
}

.section-margine {
    padding: 70px 0;
}

.no-m-top {
    margin-top: 0;
}

.no-m-tb {
    margin: 0;
}

.left-sidebar .left-block {
    float: right;
}

.right-sidebar .left-block {
    float: left;
}

.no-sidebar .left-block {
    width: 100% !important;
}

.no-sidebar .right-block {
    display: none;
}

.overley {
    background: rgb(37, 37, 41);
    opacity: 0.9;
}

.gray-bg {
    background: #f8f8ff;
}


/************************************
02)TOP HEADER
*************************************/
.top-header {
    border-bottom: 1px solid #eee;
    position: relative;
    background: #2d2d2d;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 20px;
    padding: 0;
    background: #fff;
    height: 25px;
    width: 25px;
    color: #000;
    text-align: center;
    line-height: 25px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px 0;
    margin-bottom: 0;
    margin-right: 20px;
}

.contact-detail2 li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
}

.menu-top-menu-container ul li a {
    color: #FFF;
}

.menu-top-menu-container ul li a:hover {
    color: #005bac;
}

.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}

.social-icons a {
    color: #777;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}

.social-links li {
    display: inline-block;
}

.social-links ul li a:before {
    content: "\f0c1";
    font-family: FontAwesome, sans-serif;
    font-size: 16px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
    border-radius: 20px;
    padding: 0;
    background: #fff;
    height: 25px;
    width: 25px;
    color: #000;
    text-align: center;
    line-height: 25px;
    float: left;
}

.social-links ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}

.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}

.social-links ul li a {
    line-height: 0;
    font-size: 0;
    color: transparent;
}


/************************************
03)Logo
*************************************/
.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0;
    font-size: 18px;
    line-height: 20px;
}

.navbar-header {
    position: relative;
    z-index: 999;
}

/************************************
04)Navbar
*************************************/
header .navbar {
    margin-bottom: 0;
}

header .header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}

.site-branding {
    padding: 15px 0;
}

header .navbar ul {
    margin: 0;
}

.navbar-default .navbar-nav > li {
    position: relative;
    float: left;
    padding: 15px 0px;
    margin-left: 30px;
}

.navbar-default .navbar-nav > li > a {
    position: relative;
    display: block;
    color: #000;
    text-align: center;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 15px;
    opacity: 1;
    text-transform: uppercase;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #005bac;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #005bac;
}

header .navbar-collapse {
    padding: 0;
}

header .navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0;
    background: #fff;
    position: fixed;
    transition: height 0.3s ease-in-out 0s;
}

header .navbar-menu .navbar-right .dropdown-menu {
    left: 0;
    border: 0;
    border-radius: 0;
    top: 60%;
    border-top: 2px solid #005bac;
}

header .dropdown-menu .divider {
    margin: 0;
}

header .dropdown-menu > li > a {
    font-weight: 400;
    color: #212121;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    padding: 10px;
}

header .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #005bac;
}

header .navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 600;
    margin-bottom: 0;
    transition: height 0.3s ease-in-out 0s;
}

header .navbar-menu .navbar-nav > li > a:hover,
header .navbar-menu .navbar-nav > li > a:active {
    color: #005bac;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #005bac;
}

header .navbar-nav li.current-menu-item ul a {
    color: #fff !important;
}

header .navbar-menu .navbar-nav > .open > a,
header .navbar-menu .navbar-nav > .open > a:focus,
header .navbar-menu .navbar-nav > .open > a:hover {
    color: #005bac;
    background: #fff;
}

header .navbar-menu .navbar-nav > li > .dropdown-menu {
    margin-top: 40px;
    padding: 0;
}

header .navbar-menu .navbar-right .dropdown-menu .dropdown-menu {
    left: 250px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: #005bac;
}

header .navbar-toggle {
    background-color: #005bac;
    border: 0;
    border-radius: 2px;
    margin-top: 30px !important;
}

header .navbar-toggle:focus,
header .navbar-toggle:hover {
    background-color: #005bac;
}

header .navbar-toggle .icon-bar {
    background-color: #fff !important;
}

@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > li {
        width: 100%;
        text-align: left;
        padding: 5px 0;
    }

    .navbar-default .navbar-nav > li a {
        padding: 5px 0;
        text-align: left;
    }
}

.menu-primary-container {
    float: right;
}


/*
 * Search Box
 * --------------------------------------------------
 */
.main-navigation .collapse {
    position: relative;
}

#header-search-box {
    display: none;
}

.search-box {
    padding: 15px 0;
    position: absolute;
    width: 100%;
    top: 50%;
}

#header-search-box.search-form-active {
    display: block;
}

.search-box .form-control {
    box-shadow: none;
    border-color: transparent;
    *font-size: 20px;
    color: #bdc3c7;
    font-weight: 800;
    height: 57px;
}

.search-box .form-control::-moz-placeholder {
    color: #ecf0f1;
    text-transform: lowercase;
}

.search-box .form-control:-ms-input-placeholder {
    color: #ecf0f1;
    text-transform: lowercase;
}

.search-box .form-control::-webkit-input-placeholder {
    color: #ecf0f1;
    text-transform: lowercase;
}

.search-box .close {
    line-height: 55px;
    font-size: 30px;
    font-weight: 300;
    height: 55px;
}

.search-box .btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-color: transparent;
    color: #ecf0f1;
    font-size: 20px;
    line-height: 17px;
}

.search-box .btn:hover,
.search-box .btn:focus,
.search-box .btn:active {
    background-color: transparent;
}

.search-block #searchsubmit {
    position: absolute;
    top: 0;
}

.search-block #searchform {
    position: relative;
    width: 320px;
    float: right;
    z-index: 99;
}

.search .search-block {
    float: left;
    width: 100%;
}

.search .search-block #searchform {
    width: 100%;
}

/* Search Toggle
 * -------------------------- */
.search-toggle {
    width: 30px;
    height: 30px;
    background-color: #005bac;
    text-align: center;
    line-height: 30px;
    float: right;
    margin-top: 25px;
    margin-bottom: 0;
    margin-left: 30px;
    cursor: pointer;
    color: #ffffff;
    z-index: 999999;
}

.search-toggle:hover {
    background-color: #000 !important;
}

.cart-wrap.desktop-only {
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    float: right;
    margin-top: 30px;
    margin-bottom: 0;
    margin-left: 30px;
    cursor: pointer;
    color: #ffffff;
    position: relative;
    z-index: 999999;
}

.widget_shopping_cart {
    position: absolute !important;;
    background: #FEFEFE;
    background-color: #fff;
    border: solid 1px #e1e1e1;
    opacity: 0;
    padding: 15px;
    right: 0;
    top: 125%;
    visibility: hidden;
    min-width: 300px;
    z-index: 99;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cart-wrap.desktop-only:hover .widget_shopping_cart {
    opacity: 1;
    visibility: visible;
    top: 125%;
}

.cart-wrap .cart-contents .cart-value {
    position: absolute;
    bottom: 70%;
    left: 66%;
    background: #252322;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    line-height: 19px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.woocommerce.widget_shopping_cart .cart_list li {
    padding: 15px 0;
    margin: 0;
    position: relative;
}

.woocommerce.widget_shopping_cart .cart_list li + li {
    border-top: solid 1px #e1e1e1;
}

.woocommerce.widget_shopping_cart .cart_list li a {
    text-transform: uppercase;
    word-spacing: 1px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-right: 15px;
    color: #444444;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    text-align: left;
}

.woocommerce.widget_shopping_cart .cart_list li a.remove {
    left: auto;
    position: absolute;
    right: 0;
    font-size: 18px;
    text-align: center;
    padding: 0;
    top: 20px;
}

.woocommerce.widget_shopping_cart .cart_list li span.quantity {
    font-size: 12px;
    display: block;
    text-align: left;
    color: #444444;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
    border: 1px solid #eeeeee;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #ebe9eb;
    padding: 10px 0;
    border-bottom: 1px double #ebe9eb;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .cart-wrap.desktop-only {
        width: auto;
        margin: 0 !important;
        top: 20px;
        right: 15px;
    }

    .menu-primary-container {
        width: 100%;
    }
}

/************************************
05)Banner
*************************************/
.slider {
    position: relative;
}

.over-bg {
    background: rgba(0, 0, 0, 0.40);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.slider {
    position: relative;
    z-index: 2;
}

.slider .carousel {
    position: relative;
    width: 100%;
    min-height: 100%;
    text-align: left;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.slider .carousel-caption {
    bottom: 20px;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    text-align: left;
    top: 20%;
    left: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    text-shadow: none;
}

.slider .slider-content {
    max-width: 550px;
    margin: auto;
}

.slider .carousel-caption h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.slider .carousel-caption p {
}

.slider .carousel-caption .btn {
    margin-top: 20px;
    margin-right: 20px;
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 10px 28px;
    border-radius: 2px;
    border: 1px solid #ffffff;;
}

.slider .carousel-caption .btn:hover {
    color: #191919;
}

.slider .carousel-control.left,
.slider .carousel-control.right {
    z-index: 2;
    top: 50%;
    background-image: none;
    width: 10%;
}

.slider .carousel-inner > .item > img {
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    min-height: 300px;
}

.slider .carousel-control.left span,
.slider .carousel-control.right span {
    background: #333 none repeat scroll 0 0;
    display: inline-block;
    width: 40px;
}

.slider .carousel-indicators {
    display: none;
}

.effect-1-2 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0.3s;
}

.effect-1-1 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1s;
}

.effect-1-3 {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1.5s;
}

.active .effect-1-2,
.active .effect-1-1,
.active .effect-1-3 {
    transform: translateY(0);
    opacity: 1;
}

/************************************
Titles
*************************************/
.section-title-wrap {
    max-width: 400px;
    margin: auto;
}

/************************************
06)widgets
*************************************/
.widget ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.widget ul li a {
    color: #777;
}

.widget ul li a:hover {
    text-decoration: none;
    color: #005bac;
}

.widget .widget-title {
    font-size: 16px;
    padding: 0 0 15px;
    text-transform: uppercase;
}

.widget label {
    width: 100%;
}

.widget .search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 0;
}

.widget .search-submit {
    background-color: #286090;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    margin-top: 10px;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 0;
}

#searchform {
    position: relative;
}

.widget-area .search-block #searchform {
    width: 100%;
}

.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: 1px;
    margin-right: 1px;
    position: absolute;
    z-index: 2;
    right: 0;
    height: 43px;
    padding: 10px 15px;
    color: #000;
}

.widget-area [class*="col-"] {
    width: 100%;
}

.widget-area .section-14-box .date {
    line-height: 20px;
    font-size: 14px;
}

#secondary .widget-title {
    margin-bottom: 15px;
}

#secondary .widget ul li {
    position: relative;
}

#secondary .widget {
    margin-bottom: 0;
    margin-top: 50px;
    float: left;
    width: 100%;
    padding: 30px;
    background: #fff;
}

#secondary .widget:first-child {
    margin-top: 0;
}

#secondary .widget h3 {
    font-size: 16px;
}

#secondary .widget:first-child {
    margin-top: 0;
}

#secondary .widget ul li {
    border-bottom: 1px solid #e6ebed;
    padding: 10px 0;
}

#secondary .widget ul li:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}

#secondary .widget ul li:first-child {
    padding-top: 0;
}

#secondary .widget.widget_archive li a::after,
#secondary .widget.widget_categories li a::after {
    color: #a7a7a7;
    content: "";
    font-family: "FontAwesome", sans-serif;
    position: absolute;
    right: 0;
}

#secondary .widget.widget_archive li:first-child,
#secondary .widget.widget_categories li:first-child {
    padding-top: 0;
}

#secondary .widget.widget_archive li:last-child,
#secondary .widget.widget_categories li:last-child {
    padding-bottom: 0;
}

.widget_meta li {
    padding: 0 !important;
    border: 0 !important;
    float: left;
}

.widget_meta li a {
    background-color: #fff;
    color: #a7a7a7;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 1;
    margin: 0 6px 6px 0;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out 0s;
}

.widget_meta li a:hover {
    background-color: #212121;
    color: #fff;
}

/************************************
#Social Wedgts
*************************************/
.social-links.social-wdgets-icons {
    overflow: hidden;
}

.social-wdgets-icons li {
    margin: 0;
    padding: 0;
    width: 20%;
    float: left;
}

.social-wdgets-icons li:hover {
    opacity: 0.7;
}

.social-wdgets-icons ul li a {
    line-height: 0;
    font-size: 0;
    color: transparent;
    float: left;
    width: 100%;
    padding: 0;
}

.social-wdgets-icons ul li a[href*="facebook.com"]::before,
.social-wdgets-icons ul li a[href*="twitter.com"]::before,
.social-wdgets-icons ul li a[href*="pinterest.com"]::before,
.social-wdgets-icons ul li a[href*="instagram.com"]::before,
.social-wdgets-icons ul li a[href*="linkedin.com"]::before {
    width: 100%;
    float: left;;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
}

.social-wdgets-icons ul li a[href*="facebook.com"]::before {
    background-color: #3B5998;
}

.social-wdgets-icons ul li a[href*="twitter.com"]::before {
    background-color: #00ACED;
}

.social-wdgets-icons ul li a[href*="pinterest.com"]::before {
    background-color: #DD5144;
}

.social-wdgets-icons ul li a[href*="instagram.com"]::before {
    background-color: #CB1F27;
}

.social-wdgets-icons ul li a[href*="linkedin.com"]::before {
    background-color: #007BB5;
}

/************************************
06)Section 1
*************************************/
.section1 .sec-title {
    position: relative;
    padding-bottom: 50px;
}

.section1 .sec-title {
    padding-bottom: 34px;
}

.section1 .sec-title h6 {
    font-weight: 300;
}

.section1 h4 {
    font-size: 28px;
    color: #191919;
    margin: 0;
    letter-spacing: .5px;
}

.section1 .item-holder {
    position: relative;
    padding: 100px 90px 87px 0px;
    margin-right: -15px;
    z-index: 1;
    background-size: cover;
    min-height: 600px;
    background-position: center !important;
}

.section-1 .item-holder:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
}

.section-1-box {
    position: relative;
    padding: 0px 0px 0px 100px;
    margin-bottom: 30px;
    margin-top: 20px;
    float: left;
}

.section1 .section-margine {
    padding: 80px 30px;
}

.section1 .sec-title h2 {
    position: relative;
    font-weight: 600;
    line-height: 42px;
    color: #191919;
}

.section-1-box-icon-background {
    position: absolute;
    left: 0px;
    top: -3px;
    background: transparent;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #5f51fb;
}

.section-1-box i {
    color: #5f51fb;
    font-size: 30px;
    line-height: 70px;
}

.section-1-box h4 {
    font-size: 17px;
}


/************************************
07)Section 2
*************************************/
#section2 {
    padding: 50px 0 150px 0;
    background-size: cover;
    background-position: center center;
    background-color: #f7f7f7 !important;
}

.section-2-box-left {
    max-width: 500px;
}

.wel .right {
    float: right;
    padding-left: 100px;
}

.section-2-box-left h4 {
    color: #FFFFFF;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.section-2-box-left h4 span {
    font-weight: 400;
}

.section-2-box-left h5 {
    color: #FFFFFF;
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 5px;
}

.section-2-box-left p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.section-2-box-left a {
    margin-top: 20px;
}

.section-2-box-left a:visited {
    color: #fff;
}

.section-2-box-left a:hover {
    color: #191919;
}

.section-2-box-right p {
    color: #777;
}


/************************************
08)Section 3
*************************************/
.section3-background {
    background: #fbfbfd;
}

.section-3-box {
    padding: 40px 0;
    text-align: center;
}

.section-3-box figure {
    color: #fff;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #286090;
}

.section-3-box h4 {
    font-size: 15px;
    color: #999;
    margin-bottom: 0;
}


/************************************
09)Section 4
*************************************/
.section-4 {
    background: #fbfbfd;
    padding: 70px 0;
}

.section-4 figure {
    margin: 0;
}

.section-4 figure img {
    margin: 0 auto;
    display: inherit;
}

.section-4-box {
    overflow: hidden;;
    padding: 30px;
}

.section-4-box-icon-cont {
    text-align: center;
    margin: 20px auto;
}

hr {
    background-color: #005bac;
    border: 0 none;
    height: 2px;
    margin: 20px auto;
    position: relative;
    width: 50px;
}

.section-4-box-icon-cont i {
    color: #005bac;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
    text-align: center;
}

.section-4-box-text-cont h5 {
    color: #191919;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 10px;
}


/************************************
10)Section 5
*************************************/
#mission {
    background-color: #fbfbfd !important;
}

.section-5-background {
    padding: 15px 0;
}

#mission .right {
    float: right;
}

.section-5-box-text-cont {
    max-width: 450px;
    margin-top: 50px;
}

.section-5-box-text-cont h2 {
    color: #191919;
    font-size: 32px;
    line-height: 46px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.section-5-box-text-cont p {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
    padding-bottom: 30px;
}

#mission .btn-primary {
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 600;
    color: #5f51fb;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 9px 28px;
    border-radius: 2px;
    border: 1px solid #5f51fb;
    text-transform: uppercase;
}

#mission .btn-primary:hover {
    color: #191919;
}


/************************************
11)Section 6
*************************************/
.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #191919;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;;
}

.section-title h6 {
    color: #4c5267;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0px;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    margin-top: 30px;
}


/************************************
12)Section 7
*************************************/
.section-7-background {
    background-color: #252525;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
13)Section 8
*************************************/
.section-8::before {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
}

.testimonials {
    color: #cccccc;
}

#quote-carousel a.carousel-control {
    background: none;
    color: #F8F8F8;
    text-shadow: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    border: 1px solid #ffffff;
    bottom: 0;
}

#quote-carousel .c-control-outer {
    position: absolute;
    width: 100%;
    margin: auto;
    bottom: 30px;
}

#quote-carousel .c-control {
    margin: 0 auto;
    width: 65px;
    position: relative;
}

#quote-carousel .carousel-control.left,
#quote-carousel .carousel-control.right {
    bottom: 0;
    height: 30px;
    width: 30px;
    top: 0;
}

#quote-carousel .carousel-control i {
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.item blockquote {
    border-left: none;
    margin: 0;
}

.testimonials .content .text p,
.testimonials-left .text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    max-width: 80%;
    margin: auto
}

.testimonials-left h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    position: relative;
    text-transform: uppercase;
}

.testimonials-left h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 15px 0;
}

.testimonials .content .text {
    font-size: 20px;
    font-weight: 300;
    margin: 40px 0 15px;
    position: relative;
    text-align: center;
}

.testimonials .content sup {
    position: absolute;
    left: -25px;
    top: 5px;
    font-size: 100%;
}

.testimonials .content .avatar {
    border-radius: 50%;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 2px solid #005bac;
}

.testimonials .content .avatar img {
    max-width: 100%;
}

.testimonials .content ul {
    margin: 15px 0px;
    padding: 0;
    text-align: center;
}

.testimonials .content ul li {
    color: #f2db30;
    display: inline-block;
    list-style: outside none none;
}

.testimonials .content .author-name {
    text-transform: uppercase;
    text-align: center;
    color: #191919;
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 5px;
}

.testimonials .content .rating {
    text-align: center;
}

.testimonials .content {
    margin-bottom: 30px;
}

.testimonials .slider-mover-left {
    border: 1px solid #1b1410;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    width: 30px;
    z-index: 5;
}

.slider-mover-left img {
    width: 20px;
}

.testimonials .slider-mover-right {
    border: 1px solid #1b1410;
    display: inline-block;
    height: 30px;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
    width: 30px;
    z-index: 5;
}

.slider-mover-right img {
    width: 20px;
}

.testimonial-section-inner {
    background-color: rgb(37, 37, 41);
    opacity: 0.9;
    padding: 100px 0 90px;
}


/************************************
14)Section 9
*************************************/
.section-9-background {
    background: #fff;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/
.section-10-background {
    background: #286090;
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

.section-10-box-text-cont p {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-10-btn-cont {
    text-align: right;
    margin: 17px 0 0 0;
}


/************************************
16)Footer top
*************************************/
.footer-top {
    padding: 25px 0;
    background-color: #191919;
    color: #939393;
}

.footer-top p {
    margin-bottom: 0;
    color: #939393;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.footer-top-box {
    margin: 30px 0 0 0;
    overflow: hidden;
}

.footer-top .widget .widget-title {
    text-transform: uppercase;
    border-bottom: 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
    width: auto;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
    width: 50px;
}

.footer-top .submit-bgcolor {
    background-color: #286090;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-top ul li {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 15px;
}

.footer-top .widget_recent_entries ul li:before,
.footer-top .widget_nav_menu ul li:before,
.footer-top .widget_archive ul li:before,
.footer-top .widget_product_categories ul li:before {
    position: absolute;
    content: "\f105";
    font-family: Fontawesome;
    color: #7e7e7e;
    font-size: 15px;
    top: 0;
    left: 0;
}

.footer-top .widget_recent_entries ul li:hover:before,
.footer-top .widget_nav_menu ul li:hover:before,
.footer-top .widget_archive ul li:hover:before,
.footer-top .widget_product_categories li:hover:before {
    color: #005bac;
}

.footer-top ul li a {
    color: #7e7e7e;
}

.footer-top ul li a:hover {
    color: #005bac;
}

.footer-top .widget .tagcloud a {
    margin: 5px;
    color: #7e7e7e;
    padding: 5px;
    float: left;
    border: 1px solid #7e7e7e;
}

.footer-top .widget .tagcloud a:hover {
    color: #fff;
    border: 1px solid #fff;
}

.footer-top .woocommerce.widget_recent_reviews li {
    padding: 10px 0
}

.footer-top .woocommerce ul.product_list_widget li img {
    width: 65px;
    margin-left: 0;
    border: 1px solid #414141;
}

.footer-top .woocommerce.widget_recent_reviews li + li {
    border-top: solid 1px #343b41;
}

.footer-top .social-wdgets-icons ul li {
    padding-left: 0;
}

.footer-top .social-wdgets-icons ul li a::before {
    background: #fff;
    line-height: 30px;
    color: #333;
    height: 30px;
    width: 30px;
}

/*========================================
#Start video Section
==========================================*/
.video-overlay {
    background: rgba(0, 0, 0, 0.7);
}

.video {
    text-align: center;
    padding: 150px 0;
}

.video h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fefefe;
    text-transform: uppercase;
    padding-top: 3px;
}

.video p {
    color: #fff;
}

/***************************************
17)Footer Bottom
****************************************/
.footer-bottom {
    padding: 20px 0;
    background-color: #111315;
    color: #7e7e7e;
    width: 100%;
    float: left;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 10px auto;
    padding: 0;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    background-color: #1A1E21;
    height: 40px;
    width: 40px;
    border-radius: 0;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color: #286090;
}

.footer-bottom .copyright {
    color: #999;
    margin: 20px 0 20px 0;
}

.footer-bottom ul#menu-fooer li a {
    color: #7a7a7a;
}

.footer-bottom ul#menu-fooer li a:hover {
    background: none;
    color: #005bac;
}

.footer-bottom ul#menu-fooer li:last-child a {
    padding-right: 0;
}

.footer-bottom .social-links li a {
    background: #25292d;
    margin-right: 5px;
}

.footer-bottom .social-links li:last-child a {
    margin-right: 0;
}

.footer-bottom #foot-menu {
    float: right;
    width: 100%;
}

/************************************
#Go to Top
*************************************/
.go-to-top {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 0px 15px;
    font-size: 40px;
    margin-bottom: 12px;
}

.go-to-top:hover {
    color: #ddd
}

.gotop {
    display: block;
}

/************************************
18)Section 11
*************************************/
.section-11-box {
    padding: 20px 0;
    text-align: center;
}

.section-11-box-icon-background {
    background: #286090;
    height: 80px;
    width: 80px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #777;
    font-size: 14px;
}


/************************************
19)Section 12
*************************************/
#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 15px 10px;
    color: #333;
}

.portfolioFilter a {
    position: relative;
    color: #7c7c7c;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    padding: 5px;
    margin: 10px;
    letter-spacing: 0.5px;
}

.portfolioFilter a.current {
    font-weight: 500;
    color: #005bac;
}

#section-12 .filter-box {
    position: relative;
    text-align: center;
}

#section-12 .filter-box .overlay {
    background: #333;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#section-12 .filter-box:hover .overlay {
    bottom: 0;
    opacity: 0.9;
}

#section-12 h3 {
    position: relative;
    font-size: 14px;
    font-weight: normal !important;
    margin-bottom: 6px;
    color: #555555;
}

#section-12 .lower-box {
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 30%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#section-12 .filter-box:hover .lower-box {
    opacity: 1;
    visibility: visible;
    top: 35%;
}

#section-12 .filter-box .lower-box a {
    display: inline;
    margin-right: 10px;
    font-size: 20px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#section-12 .filter-box .lower-box a i {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#section-12 .filter-box:hover .lower-box a i {
    visibility: visible;
    opacity: 1;
}

#section-12 .filter-box .lower-box a:last-child {
    margin-right: 0;
}

#section-12 .filter-box .lower-box a i {
    color: #fff;
    font-size: 15px;
    background: #005bac;
    display: inline-block;
    padding: 14px;
    border-radius: 100%;
    margin-bottom: 15px;
}

#section-12 .lower-box h3 a {
    position: relative;
    color: #fff;
    opacity: 0;
    visibility: visible;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#section-12 .filter-box:hover .lower-box h3 a {
    opacity: 1;
}

#section-12 .lower-box p {
    position: relative;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

#section-12 .filter-box:hover p {
    opacity: 1;
    visibility: visible;
}

.portfolioContainer a img {
    margin: auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    padding: 0;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/
.section-13 {
    background: #286090;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #286090;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}

/************************************
21)Partners
*************************************/
.clints-logos {
    padding: 0 0 50px 0;
}

#partner.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

#partner.owl-carousel .owl-item .feature-image {
    padding: 15px;
}

/************************************
#Counter
*************************************/
.counter-wrapper {
    padding: 110px 0;
}

.counter-wrapper.overley {
    background: rgba(47, 35, 35, 0);
    opacity: 0.9;
}

.counter-wrapper .section-title h2,
.counter-wrapper .section-title h6 {
    color: #191919;
}

.counter-wrapper i {
    font-size: 45px;
}

.counter-wrapper h3 {
    color: #fff;
    font-size: 40px;
    margin: 10px 0;
}

.counter-wrapper [class*="col-"]:nth-child(2) .counter,
.counter-wrapper [class*="col-"]:nth-child(2) i {
    color: #005bac;
}

.counter-wrapper [class*="col-"]:nth-child(3) .counter,
.counter-wrapper [class*="col-"]:nth-child(3) i {
    color: #f5a416;
}

.counter-wrapper [class*="col-"]:nth-child(4) .counter,
.counter-wrapper [class*="col-"]:nth-child(4) i {
    color: #00c99c;
}

.counter-wrapper [class*="col-"]:nth-child(5) .counter,
.counter-wrapper [class*="col-"]:nth-child(5) i {
    color: #f12699;
}

.counter-wrapper h4 {
    color: #191919;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0px;
}

.img-position {
    background-position: center !important;
}

/************************************
#Team
*************************************/
#team {
    margin: 0;
}

.team-img-box {
    position: relative;
    overflow: hidden;
}

.team-img-box::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    content: "";
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

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

.team-img-box .team-social {
    background: #fff;
    width: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 33;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-transform: perspective(600px) rotateY(90deg);
    -moz-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.section-14-box:hover .team-social {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.team-img-box .team-social li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
}

.team-img-box .team-social li a.facebook {
    background-color: #3B5998;
}

.team-img-box .team-social li a.twitter {
    background-color: #00ACED;
}

.team-img-box .team-social li a.gooogle-plus {
    background-color: #DD5144;
}

.team-img-box .team-social li a.instagram {
    background-color: #CB1F27;
}

.team-img-box .team-social li a.linkedin {
    background-color: #007BB5;
}

.team-img-box .team-social li {
    display: block;
}

.team .team-social li:last-child {
    margin: 0;
}

#team .owl-dots,
#team .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

#team .owl-nav {
    margin-top: 10px
}

#team .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

#team .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

#team .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

#team .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

#team .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

#team .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

#team .owl-dots .owl-dot.active span,
#team .owl-dots .owl-dot:hover span {
    background: #869791
}


/************************************
21)Section 14
*************************************/
.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-14-box {
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.blog-box {
    margin-bottom: 30px;
}

.entry-box {
    background-color: #fff;
    padding: 30px;
}

.front-blog .entry-box {
    padding: 20px 0;
}

.entry-box .btn-primary {
    background-color: rgba(255, 255, 255, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #5f51fb;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 9px 28px;
    border-radius: 2px;
    border: 1px solid #5f51fb;
    text-transform: uppercase;
}

.entry-box .btn-primary:hover {
    color: #191919;
}

.entry-box .meta-options {
    padding-bottom: 10px;
}

.entry-box .meta-fields {
    margin-bottom: 10px;
}

.section-14-box h3 {
    margin-bottom: 5px;
}

.section-14-box h3 a,
.section-14-box h3 {
    color: #191919;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0;
}

.section-14-box h3 a:hover {
    color: #286090;
}

.section-14-box p {
    color: #939393;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
}

.section-14-box .date,
.section-14-box .author-post {
    display: inline-block;
}

.section-14-box .date {
    box-sizing: border-box;
    color: #666;
    line-height: 24px;
}

.section-14-box .author-post::before {
    content: "|";
    margin: 0 7px;
    opacity: 0.5;
}

.section-14-box .date span,
.section-14-box .author-post a {
    color: #6F6F6F;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.author-avatar {
    position: relative;
}

.author-avatar img {
    float: left;
    margin-right: 15px;
}

.author-avatar ul.socials {
    position: absolute;
    right: 0;
}

.author-avatar ul li {
    display: inline;
}

.author-header,
.author-header a {
    font-size: 18px;
}

.author-avatar ul li a {
    margin-right: 10px;
}

.author-info {
    padding-left: 95px;
}

.right-sidebar .widget {
    margin-bottom: 60px;
    position: relative;
    overflow: hidden
}

.footer-top .widget {
    margin-bottom: 0;
}

.comment-form-container {
    display: block;
}

.comments-area h3 {
    font-size: 15px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"] {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #e6ebed;
    color: #7a7a7a;
    font-size: 13px;
    height: 38px;
    margin-bottom: 30px;
    padding: 0 16px;
    transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
    width: 100%;
}

.comments-area textarea {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #e6ebed;
    color: #7a7a7a;
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0 16px;
    transition: border-color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s;
    width: 100%;
}

.comments-area .submit {
    background-color: rgba(255, 255, 255, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #5f51fb;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 9px 28px;
    border-radius: 2px;
    border: 1px solid #5f51fb;
    text-transform: uppercase;
}

.comments-area .submit:hover {
    color: #191919;
}

.no-image .comments {
    padding-left: 85px;
    display: inline-block;
}

.left-sidebar .left-block {
    float: right;
}

.single .section-14-box,
.single article {
    margin-bottom: 0;
}

.page article,
.search article,
.search .not-found {
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
}

.textcont {
    padding: 30px 0;
}

/************************************
23)Inner Title bar
*************************************/
.inner-title {
    background: #5a5a5a;
    padding: 30px 0;
}

.inner-title h2,
.inner-title h2 span {
    color: #fff;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    font-family: "FontAwesome", sans-serif;
    font-size: 12px;
    color: #fff;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #fff !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}

.breadcrumbs h2.trail-browse {
    display: none;
}

.breadcrumbs .navbar-fixed-top {
    position: relative;
}


/************************************
24)Section 16
*************************************/
.section16 {
    padding: 70px 0;
}

.section16 .success,
.section16 .error {
    display: none;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    margin-right: 5px;
}

.section16 textarea {
    border-radius: 0;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
    margin: 50px 0;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #286090;
}

.section16 select {
    border-radius: 0;
    padding: 10px 15px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}


/************************************
25)Section 17
*************************************/
.section17 {
    background: #eeeef0;
    padding: 70px 0;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18
*************************************/
.section18 .textcont {
    margin: 10px;
}

.section18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}

.section18 .textcont ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.section18 .textcont ul li {
    list-style: none;
    font-size: 16px;
    line-height: 30px;
}

.section18 .textcont ul li i {
    margin-right: 10px;
    color: #286090
}


/************************************
27)Section 19
*************************************/


.error404 h1 {
    font-size: 6em;
    font-weight: 700;
    color: #191919;
    text-align: center;
}

.error404.not-found p {
    text-align: center;
}


/************************************
28)Section 20
*************************************/
.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 35px;
    text-align: center;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #286090;
}

.section-20-box-text-cont {
    margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 14px;
}


/************************************
29)Section 21
*************************************/
.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0;
    overflow: hidden;
}


/************************************
30)Section0
*************************************/
.section-0-background {
    background: #286090;
    padding: 40px 0;
    margin-top: -1px;
}

.section-0-box-text-cont h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.section-0-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-0-btn-cont {
    text-align: right;
    margin: 0;
}

.section-0-btn-cont .btn {
    background: #fff;
    border-color: #fff;
    color: #333;
}

@media only screen and (max-width: 767px) {
    .section-0-btn-cont {
        text-align: left;
    }
}

.authorbox {
    margin-bottom: 30px;
    background: #f7f9fa;
    padding: 15px;
}

/*--------------------------------------------------------------
Related Posts
--------------------------------------------------------------*/
.related-box {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(72, 78, 85, 0.1);
    overflow: hidden;
}

.related-post h2 {
    font-size: 16px;
    color: #121212;
    margin: 0;
}

.related-post .related-meta > span {
    margin: 0;
    font-size: 13px;
}

.related-post {
    clear: both;
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

.related-post .meta-fields {
    padding: 15px;
}

.related-post .meta-fields .date:before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 6px;
    font-size: 12px;
    font-style: normal;
    content: "\f017";
}

.related-post .meta-fields .author-post:before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 6px;
    font-size: 12px;
    font-style: normal;
    content: "\f007";
}

.related-post .widget-image img {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    max-width: 100%;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.related-post .widget-image a {
    display: block;
    overflow: hidden;
}

.related-post .widget-image a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.related-post .date,
.related-post .author-post {
    display: inline-block;
    margin-right: 10px;
}

.related-post .featured-desc {
    padding: 0 15px;
}

/* ==================================== Pricing ======================= */
.section-pricing {
    position: relative;
    z-index: 3;
}

.section-gray {
    background: #e5e5e5 none repeat scroll 0 0;
}

.block {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.block-caption {
    color: #3c4857;
    font-family: "Lato", "Times New Roman", serif;
    font-weight: 700;
}

.block-plain {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}

.block .category:not([class*="text-"]) {
    color: #3c4857;
}

.block-background {
    background-position: center center;
    background-size: cover;
    text-align: center;
}

.block-raised {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.block-background .table {
    margin: 0 auto;
    max-width: 440px;
    min-height: 280px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
}

.block-background .block-caption {
    color: #ffffff;
    margin-top: 10px;
}

.block-pricing.block-background::after {
    background-color: rgba(0, 0, 0, 0.7);
}

.block-background::after {
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

[class*="pricing-"] {
    padding: 90px 0 60px;
}

.block-pricing {
    text-align: center;
}

.block-pricing .block-caption {
    margin-top: 30px;
}

.block-pricing .table {
    margin-bottom: 0;
    padding: 15px;
}

.block-pricing .icon {
    color: #3c4857;
    padding: 10px 0 0;
}

.block-pricing .icon i {
    border: 1px solid #ececec;
    border-radius: 50%;
    font-size: 55px;
    height: 130px;
    line-height: 130px;
    width: 130px;
}

.block-pricing h1 small {
    font-size: 18px;
}

.block-pricing h1 small:first-child {
    font-size: 26px;
    position: relative;
    top: -17px;
}

.block-pricing ul {
    list-style: outside none none;
    margin: 10px auto;
    max-width: 240px;
    padding: 0;
}

.block-pricing ul li {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
    color: #3c4857;
    padding: 12px 0;
    text-align: center;
}

.block-pricing ul li:last-child {
    border: 0 none;
}

.block-pricing ul li b {
    color: #3c4857;
}

.block-pricing ul li i {
    position: relative;
    top: 6px;
}

.block-pricing.block-background ul li,
.block-pricing [class*="table-"] ul li {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.block-pricing.block-background ul li b,
.block-pricing [class*="table-"] ul li b {
    color: #ffffff;
}

.block-pricing.block-background [class*="text-"],
.block-pricing [class*="table-"] [class*="text-"] {
    color: #ffffff;
}

.block-pricing.block-background::after {
    background-color: rgba(0, 0, 0, 0.7);
}

.block-background:not(.block-pricing) .btn {
    margin-bottom: 0;
}

.block .table-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ab47bc, #7b1fa2) repeat scroll 0 0;
}

.block [class*="table-"] .block-caption a,
.block [class*="table-"] .block-caption,
.block [class*="table-"] .icon i {
    color: #ffffff;
}

.block-pricing .block-caption {
    margin-top: 30px;
}

.block [class*="table-"] h1 small,
.block [class*="table-"] h2 small,
.block [class*="table-"] h3 small {
    color: rgba(255, 255, 255, 0.8);
}

.block .table-primary {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ab47bc, #7b1fa2) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.block .table-info {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #26c6da, #0097a7) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.block .table-success {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #66bb6a, #388e3c) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.block .table-warning {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ffa726, #f57c00) repeat scroll 0 0;
    border-radius: 6px;
}

.block .table-danger {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ef5350, #d32f2f) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}

.block .table-rose {
    background: rgba(0, 0, 0, 0) linear-gradient(60deg, #ec407a, #c2185b) repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}

.block [class*="table-"] .category,
.block [class*="table-"] .block-description {
    color: rgba(255, 255, 255, 0.8);
}

.btn.btn-round {
    border-radius: 30px;
}

.nav-pills:not(.nav-pills-icons) > li > a {
    border-radius: 30px;
    font-weight: 400;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background-color: #9c27b0;
    box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
    color: #ffffff;
}

.tab-space {
    padding: 20px 0 50px;
}


/* ==================================== sewa_search_domain_Area Css ======================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sewa_search_domain_area {
        padding-bottom: 50px;
    }
}

.sewa_search_domain_area .sewa_domain_text {
    color: #fff;
    font-size: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_search_domain_area .sewa_domain_text {
        padding-bottom: 40px;
        text-align: center;
        font-size: 13px;
    }
}

.sewa_search_domain_area .sewa_domain_text h2 {
    margin-bottom: 10px;
    font-size: 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sewa_search_domain_area .sewa_domain_text h2 {
        font-size: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sewa_search_domain_area .sewa_domain_text h2 {
        font-size: 21px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_search_domain_area .sewa_domain_text h2 {
        margin-bottom: 20px;
    }
}

.sewa_domain_search {
    padding-top: 50px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_domain_search {
        padding-top: 0;
        padding-bottom: 90px;
    }
}

.sewa_search_input {
    position: relative;
}

.sewa_search_input input {
    color: #fff;
    border: medium none;
    height: 50px;
    padding: 0 30px;
    width: 90%;
    margin-left: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sewa_search_input input {
        width: 86%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sewa_search_input input {
        width: 80%;
        margin-left: 22px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_search_input input {
        font-size: 12px;
        height: 44px;
        margin-left: 0;
        padding: 0 15px;
        width: 92%;
    }
}

.sewa_search_submit input {
    border: medium none;
    color: #fff;
    font-size: 16px;
    height: 50px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 50px;
    width: 100px;
    background: #3e4951;
    font-weight: 600;
    font-family: "Fontawesome", sans-serif;
}

.sewa_search_submit input:hover {
    background: #dddddd none repeat scroll 0 0;
    box-shadow: 0 0 3px black;
    color: #222222;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sewa_search_submit input {
        width: 80px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_search_submit input {
        font-size: 12px;
        height: 44px;
        padding-right: 6px;
        right: 15px;
        top: 0;
        width: 63px;
    }
}

.sewa_single_check {
    color: #fff;
    float: left;
    padding-right: 30px;
    margin-top: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sewa_single_check {
        padding-right: 11px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 2560px) {
    body {
        margin: 0px auto;
        font: 1.6em PingFangSC-Light, PingFangSC-Regular, PingFangSC-Semibold, sans-serif, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
        letter-spacing: 0.1em;
        color: #000;
        text-align: justify;
        text-justify: newspaper;
        word-break: break-all;
    }

    a {
        text-decoration: none;
        font-size: 0.4em;
        outline: none;
        blr: expression(this.onFocus=this.blur());
    }

    .clearline {
        font-size: 0px;
        width: 100%;
        height: 1px;
        clear: none;
    }

    .container {
        width: 1920px;
        margin: 0px auto;
        padding: 0px;
    }

    .container-i {
        width: 1320px;
        margin: 0px auto;
        padding: 0px;
    }

    .container .rows {
        overflow: auto;
    }

    .topbanner {
        text-align: center;
    }

    .content .title {
        padding-top: 9%;
        padding-bottom: 13%;
        color: #c1a367;
        font-size: 3em;
        text-align: center;
    }

    .container .title span {
        display: block;
        padding-top: 0.8%;
    }

    .container .title #zm {
        font-size: 0.4em;
        letter-spacing: 0px;
    }

    #header .container {
        width: 1320px;
    }

    .textcont {
        padding: 0px;
    }

    .page article {
        padding: 0px;
    }

    .topbanner {
        background-size: contain;
        height: 700px;
        width: 100%;
    }

    .posts-navigation {
        margin: 8% 0px 0px 0px;
    }

    .nav-links .nav-previous a {
        margin-left: 3em;
    }

    .nav-links .nav-next a {
        margin-right: 3em;
    }

    .nav-links .nav-previous a, .nav-links .nav-next a {
        padding: 1em 2em;
        border-color: #598db4;
        color: #000;
        line-height: normal;
    }

    #posts-navigation-row {
        text-align: center;
        display: block;
        width: 100%;
        clear: both;
        padding-top: 5%;
    }

    #posts-navigation-row a {
        font-size: 1em;
        border: 1px solid #598db4;
        padding: 0.5em 1em;
        cursor: pointer;
    }

    #posts-navigation-row .current {
        background-color: #598db4;
        color: #fff;
        font-weight: bold;
        padding: 0.5em 1em;
    }

    .site-branding {
        padding: 0px;
        width: 146px;
        background: url(/wp-content/uploads/2026/03/logo_font2026.png) no-repeat right center;
    }

    .navbar-default .navbar-nav > li {
        padding: 0px;
        margin-left: 55px;
    }

    .navbar-nav > li > a {
        padding: 0px;
        line-height: 72px;
    }

    #inner-title {
        display: none;
    }

    .gray-bg {
        background-color: #fff;
    }

    .section-margine {
        padding: 0px;
    }

    .row {
        margin: 0px;
    }

    #metaslider-id-150 ul.slides {
        position: relative;
        z-index: 1
    }

    .section-14-box p {
        color: #000;
        font-size: 1.25em;
    }

    #home .zqframe .title {
        padding-top: 9%;
        padding-bottom: 12%;
    }

    #home .content .title {
        text-align: center;
        padding-top: 9%;
        padding-bottom: 15%;
        font-size: 2.8em;
        color: #c1a367;
    }

    #home #contactus_c .title {
        padding-top: 8.5%;
        padding-bottom: 8.1%;
    }

    #home .content .title span {
        display: block;
    }

    #home .content .title #c_address span {
        display: inline;
    }

    #home .content .title #zm {
        font-size: 0.4em;
        letter-spacing: 0px;
    }

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

    #home .content .rows {
        overflow: auto;
        padding-bottom: 19%;
    }

    #home #contactus_c .rows {
        padding-bottom: 0;
    }

    #home .content .left {
        float: left;
        width: 60%;
    }

    #home .content .left .item {
        clear: none;
        padding-right: 19%;
    }

    #home .content .left .item .m_title {
        font-size: 2em;
        padding-bottom: 1em;
    }

    #home .content .left .item .info {
        font-size: 1.12em;
        line-height: 1.6em;
    }

    #home .content .right {
        float: right;
        width: 40%;
    }

    #home .banner_s {
        margin-top: 4.1%;
        background: url(/wp-content/uploads/2023/10/investments.jpg) no-repeat center center;
        background-size: contain;
        height: 500px;
        width: 100%;
    }

    #home #contactus_c .left {
        width: 49.2%
    }

    #home #contactus_c .right {
        width: 49.2%
    }

    #home #c_name {
        font-size: 0.6em;
        font-weight: bold;
        margin-bottom: 0.5em;
        color: #000;
    }

    #home #contactus_n {
        color: #000;
    }

    #home #contactus_n .title {
        padding-top: 8.7%;
        padding-bottom: 10.4%;
    }

    #home #c_address {
        font-size: 0.4em;
        letter-spacing: 0px;
        color: #000;
    }


    #about-company {
        padding-bottom: 5%;
    }

    #about-company .content .title {
        font-size: 2.8em;
    }

    #about-company .rows {
        overflow: auto;
    }

    #about-company .rows .left {
        width: 33%;
        float: left;
    }

    #about-company .rows .right {
        width: 66%;
        float: right;
    }

    #about-company .topbanner {
        background: url(/wp-content/uploads/2020/02/contact-us-banner-s-yy.jpg) no-repeat center center;
    }

    #about-company .rows .right p {
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 4%;
        font-size: 1.3em;
        line-height: 1.7em;
    }

    #about-company .rows .left .title {
        color: #000;
        text-align: left;
        font-size: 2.2em;
        padding-top: 0px;
    }

    #about-company .rows .left .title #zm {
        padding-top: 0.4em;
    }

    #about-company .linerows {
        clear: both;
        border-bottom: 1px solid #000;
        height: 1px;
        font-size: 0px;
        margin: 3.5% 0px 6% 0px;
    }

    #about-company .right .linerows {
        margin: 5% 0px 9% 0px;
    }

    #about-company #company_culture_content {
        text-align: center;
    }

    #about-company #more_honor {
        padding-top: 7.5%;
        padding-bottom: 10%;
        text-align: center;
    }

    #about-company #company-honor .content .title {
        padding-top: 5%;
        padding-bottom: 6.6%
    }

    #about-company #shareholder-introduction-item {
        display: block;
    }

    #about-company #shareholder-introduction-img {
        display: none;
    }

    #about-company .banner {
        margin: 7% auto 5.6% auto;
        background: url(/wp-content/uploads/2020/01/Investment-field_about_bg-y.jpg) no-repeat center center;
        width: 1920px;
        height: 759px;
    }

    #about-company .banner .banner_c {
        width: 1321px;
        margin: 0px auto;
        padding-top: 14%;
        overflow: auto;
    }

    #about-company .banner .banner_c .item-l {
        float: left;
        text-align: center;
        position: relative;
    }

    #about-company .banner .banner_c .item-l-w {
        background: url(/wp-content/uploads/2020/01/l-w-bg.png) no-repeat;
        height: 381px;
        width: 439px;
        padding-top: 37%;
    }

    #about-company .banner .banner_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/l-b-bg.png) no-repeat;
        height: 381px;
        width: 439px;
        position: absolute;
        top: 0px;
        overflow: hidden;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 1.5em;
        color: #fff;
        line-height: 40px;
        padding-top: 34.5%;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 2.5em;
        color: #000;
        font-weight: bold;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 2px;
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 39%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 29%;
    }


    #about-company #company_culture_content {
        width: 100%;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c {
        margin: 0px auto;
        overflow: hidden;
    }

    #about-company #company_culture_content .company_c .item-l {
        float: left;
        text-align: center;
        position: relative;
        height: 317px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        background: url(/wp-content/uploads/2020/01/c-w-bg.png) no-repeat;
        height: 317px;
        width: 365px;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg.png) no-repeat;
        height: 317px;
        width: 365px;
        position: absolute;
        top: 0px;
        overflow: hidden;
    }

    #about-company #company_culture_content .company_c .item-l-info-w {
        font-size: 1.2em;
        color: #fff;
        padding: 127Px 15% 0px 15%;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        font-size: 1em;
        color: #000;
        padding-top: 118px;
    }

    #about-company #company_culture_content .company_c .item-l-o {
        margin: 0px 2px;
    }

    #about-company #company_culture_content .row_top {
        width: 730px;
        bottom: -1px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 1095px;
        display: block;
        margin: 0px auto;
    }

    #about-company #company_culture_content .more_btn {
        padding-top: 7%;
        text-align: center;
    }

    #about-company #company_culture_content .more_btn img {
        max-width: 30%;
    }

    #about-company #company_culture_content .company_c .txtline {
        width: 67px;
        height: 2px;
        background-color: #598db4;
        font-size: 0px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-w .title-name {
        font-size: 1.5em;
        padding-bottom: 0.6em;
        font-weight: bold;
    }

    #about-company #company_culture_content .company_c .item-l-w .txt {
        font-size: 1.1em;
        padding-top: 10px;
        font-weight: bold;
    }

    #about-company #company_culture_content .company_c .item-l-b .title-name {
        font-size: 1.5em;
        padding-bottom: 0.6em;
        font-weight: bold;
    }

    #about-company #company_culture_content .company_c .item-l-b .txt {
        font-size: 1.1em;
        padding-top: 4%;
        color: #fff;
    }

    #about-company #shelter {
        position: absolute;
        top: 0px;
        filter: alpha(opacity=60);
        background-color: #777;
        z-index: 1;
        left: 0px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        display: none;
    }

    #about-company #morehHonor-w {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 18%;
        display: none;
        left: 0px;
        z-index: 10;
        font-size: 0.9em;
    }

    #about-company #morehHonor {
        width: 47%;
        color: #000;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 0px;
        padding: 2%;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        z-index: 999;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        left: 27%;
    }

    #about-company #moreclose {
        text-align: right;
        cursor: pointer;
    }

    #about-company #moretitle {
        text-align: center;
        margin-bottom: 5%;
        color: #005bac;
        font-size: 24px;
    }

    #about-company #moretitle strong {
        color: #000;
    }

    #about-company #moreconent {
        text-align: left;
        max-height: 200px;
        overflow: auto;
    }

    #about-company #moreconent .rowline {
        line-height: 22px;
        border-left: 2px solid #005bac;
        margin-bottom: 20px;
    }

    #about-company #moreconent .rowline .datatime {
        padding-left: 1%;
        padding-right: 5%;
        font-weight: bold;
    }

    #about-company .line-item {
        text-indent: 5;
        margin-bottom: 10px;
    }


    #business-investment .content .title {
        padding-bottom: 9.3%;
        padding-top: 8%;
    }

    #business-investment {
        letter-spacing: 0.2em;
        padding-bottom: 7%;
        font-size: 1em;
    }

    #business-investment .content .left {
        float: left;
        text-align: left;
        margin-left: 1em;
        width: 48%;
        display: flex;
        align-items: center;
    }

    #business-investment .content .left .caseimg {
        float: left;
    }

    #business-investment .content .left .caseimgo_ther {
        color: #024186;
        text-align: center;
    }

    #business-investment .content .left .caseimgo_ther .c_title {
        font-size: 2em;
        padding-bottom: 2%;
    }

    #business-investment .content .left .caseimgo_ther .c_title_en {
        font-size: 0.8em;
    }

    #business-investment .content .left .caseinfo {
        float: left;
        margin-left: 1em;
    }

    #business-investment .content .left p {
        padding: 0px;
        margin: 4% 0px;
        font-size: 1em;
        line-height: 1.7em
    }

    #business-investment .content .right {
        float: right;
        width: 49%;
        text-align: justify;
    }

    #business-investment .topbanner_s {
        background: url(/wp-content/uploads/2020/01/business_introduction_banner_y.jpg) no-repeat center center;
    }

    #business-investment .investment-field {
        margin-top: 10.7%;
        background: url(/wp-content/uploads/2023/10/investments.jpg) no-repeat top center;
        background-size: contain;
        height: 500px;
        width: 100%;
    }

    #business-investment .content .casetitle {
        color: #598db4;
        font-size: 1.8em;
    }

    #business-investment .content .casesu-title {
        text-align: left;
        padding-top: 3%;
    }

    #business-investment .linerows {
        clear: both;
        border-bottom: 1px solid #000;
        height: 1px;
        font-size: 0px;
        margin: 6% 0px 6% 0px;
    }

    #business-investment #more_case {
        padding-top: 14%;
        padding-bottom: 8%;
        text-align: center;
    }

    #business-investment #contactus_n {
        color: #000;
    }

    #business-investment #investment-field {
        margin-top: 15%;
    }

    #business-investment .container-i .info {
        margin-bottom: 14%;
        line-height: 1.8em;
        font-size: 1.3em
    }

    #business-investment #container-case .title {
        padding-top: 12%;
        margin-bottom: 13.2%;
        line-height: 1.8em
    }

    #join-us {
        margin-bottom: 10%;
    }

    #join-us ul {
        padding: 0px;
        margin: 0px;
    }

    #join-us li {
        list-style: none;
    }

    #join-us .content .rows {
        overflow: auto;
    }

    #join-us .content .left {
        float: left;
        width: 50%;
    }

    #join-us .content .left .item {
        clear: none;
        padding-right: 17%;
    }

    #join-us .content .left .item .m_title {
        font-size: 1.4em;
        font-weight: 600;
        letter-spacing: 0.1em;
    }

    #join-us .content .left .item .s_title {
        font-size: 1em;
        font-weight: 600;
        padding: 1.2em 0px;
    }

    #join-us .content .left .item li {
        display: block;
        font-size: 1em;
        letter-spacing: 0px;
        line-height: 1.6em;
    }

    #join-us .content .left .item .email {
        text-indent: 5%;
        background: url(/wp-content/uploads/2020/01/email-ico.jpg) no-repeat left center;;
    }

    #join-us .content .right {
        float: right;
        width: 50%;
    }

    #join-us .content .title {
        padding-top: 7.7%;
        padding-bottom: 10%;
        color: #c1a367;
        font-size: 3em;
        text-align: center;
    }

    #join-us .content .title span {
        display: block;
    }

    #join-us .content .title #zm {
        font-size: 0.5em;
        letter-spacing: 0px;
    }

    #join-us #rowsother {
        padding-top: 18%;
    }

    #join-us #sending_resume {
        padding-top: 15%;
        padding-bottom: 10%;
        text-align: center;
    }

    #join-us .topbanner {
        background: url(/wp-content/uploads/2020/01/join-us-banner-y.jpg) no-repeat center center;
    }


    #contact-us {
        letter-spacing: 0.2em;
    }

    #contact-us .content .left {
        float: left;
        width: 49.5%;
    }

    #contact-us .content .right {
        float: right;
        width: 49.5%;
    }

    #contact-us #contactus_n {
        color: #000;
    }

    #contact-us #content_map {
        margin-bottom: 12%;
    }

    #contact-us #contactus_n .title {
        padding-top: 13.4%;
        padding-bottom: 9%;
        color: #000;
    }

    #contact-us #c_name {
        font-size: 0.6em;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    #contact-us #c_address {
        font-size: 0.4em;
        letter-spacing: 0px;
    }

    #contact-us .container-i .title #c_address span {
        display: inline;
    }

    #contact-us .topbanner {
        background: url(/wp-content/uploads/2020/02/contact-us-banner-s.jpg) no-repeat center center;
    }


    #news-center-c div {
        line-height: 1.6em;
        padding: 2% 0px;
    }

    #news-center-c .news-c-img {
        text-align: center;
    }

    #news-center-c .meta-fields {
        display: none;
    }

    #news-center-c .entry-box {
        padding: 0px;
    }

    #news-center-c .container-i {
        padding: 2% 13.7% 5% 13.7%;
        box-shadow: 0 1px 10px 2px rgba(0, 0, 0, .06);
        border: 1px solid #e5e5e5;
        margin-top: 1%;
        margin-bottom: 3%;
    }

    #news-center-c .newstitlename {
        font-size: 2em;
        line-height: none;
    }

    #news-center-c .datatime {
    }

    #news-center-c .section-14-box {
        padding: 0px;
    }

    #news-center-c .post-des {
        padding: 0px;
    }


    #news-center {
        width: 1920px;
    }

    #news-center .hentry {
        margin: 0px;
    }

    #news-center .section-14-box {
        margin: 0px;
    }

    #news-center .rows img {
        width: 100%;
        max-width: 100%;
    }

    #news-center .col-sm-12 {
        padding: 0px 0px 11% 0px;
    }

    #news-center .container-i {
        overflow: auto;
    }

    #news-center .content {
        padding-top: 10%;
    }

    #news-center .entry-box {
        padding: 0px;
    }

    #news-center ul {
        padding: 0px;
        margin: 0px;
    }

    #news-center li {
        list-style: none;
    }

    #news-center #more_news {
        padding-top: 10.8%;
        padding-bottom: 10%;
        text-align: center;
    }

    #news-center #newslist {
        overflow: auto;
    }

    #news-center .otheritem {
        padding: 0 4.3%;
    }

    #news-center .hentry {
        width: 33.3%;
        font-size: 1.5em;
        float: left;
    }

    #news-center .hentry .info {
        padding: 2.8em 1.5em 0px 1.5em;
        overflow: auto;
    }

    #news-center .hentry .newtitle {
        font-size: 0.8em;
        min-height: 109px;
    }

    #news-center .hentry .newtitle a {
        font-size: 1.1em;
        line-height: normal;
        font-weight: normal;
        letter-spacing: 0.1em;
    }

    #news-center .hentry .rowline {
        border-radius: 25px;
        height: 10px;
        width: 100%;
        background-color: #598db4;
    }

    #news-center .hentry .newsdatatime {
        height: 24px;
        margin: 1.3em 0px 1.3em 0px;
        font-size: 0.8em;
        line-height: 24px;
    }

    #news-center .hentry .newsdatatime span {
        height: 24px;
        width: 70px;
        display: block;
        float: left;
    }

    #news-center .hentry .newsdatatime .year {
        width: auto;
        padding-right: 8px;
    }

    #news-center .hentry .newsdatatime .data_ico {
        padding-left: 1.5em;
        background: url(/wp-content/themes/sewa/assets/images/data_ico.svg) no-repeat 0px 0px;
        height: 24px;
        width: 24px;
    }

    #news-center .hentry .newsdatatime .month {
        background: url(/wp-content/uploads/2020/01/time_ico.png) no-repeat center left;
        width: 70px;
        text-align: center;
        color: #fff;
    }

    #news-center .topbanner {
        background: url(/wp-content/uploads/2020/01/news_center_banner-y.jpg) no-repeat center center;
    }

    #footer {
        background-color: #598db3;
        color: #fff;
        font-size: 1.5em;
    }

    #footer a {
        font-size: 0.65em;
        color: #fff;
    }

    #footer #footer_c {
        padding: 4.3% 0px 3.5% 0px;
        overflow: auto;
    }

    #footer #footer_c ul {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 17%;
    }

    #footer #footer_c li {
        width: 100%;
        list-style: none;
        float: left;
    }

    #footer #footer_c .frist {
        font-size: 1em;
        padding-bottom: 6%
    }

    #footer #copyrights {
        text-align: left;
        font-size: 0.45em;
        margin-top: 6%;
        display: block;
        clear: both;
        width: 100%;
        float: left;
    }

    #footer #copyrights a {
        font-size: 0.95em;
    }
}

@media only screen and (max-width: 1920px) {
    #about-company #company_culture_content {
        width: 1321px;
    }

    #about-company .banner {
        width: 1920px;
        height: 759px;
    }


}

@media only screen and (max-width: 1768px) {
    body {
        font-size: 1.45em;
    }

    .container-i {
        width: 1210px;
    }

    #header .container {
        width: 1210px;
    }

    .container {
        width: 1768px;
    }

    #about-company .banner {
        width: 1768px;
    }

    #news-center {
        width: 1768px;
    }

    #about-company .banner .banner_c {
        padding-top: 15%;
    }

    #about-company .topbanner {
        height: 645px;
    }
}


@media only screen and (max-width: 1680px) {
    body {
        font-size: 1.25em;
    }

    .container-i {
        width: 1048px;
    }

    #header .container {
        width: 1048px;
    }

    .container {
        width: 1680px;
    }

    #about-company .banner {
        width: 1600px;
    }

    #news-center {
        width: 1680px;
    }

    #about-company .banner .banner_c {
        padding-top: 16%;
    }

    #about-company .topbanner {
        height: 613px;
    }
}

@media only screen and (max-width: 1600px) {
    body {
        font-size: 1.3em;
    }

    .container-i {
        width: 1096px;
    }

    #header .container {
        width: 1096px;
    }

    .container {
        width: 1600px;
    }

    #about-company .banner {
        width: 1600px;
    }

    #news-center {
        width: 1600px;
    }

    #about-company .banner .banner_c {
        padding-top: 17%;
    }

    #about-company .topbanner {
        height: 583px;
    }

}

@media only screen and (max-width: 1440px) {
    body {
        font-size: 1.16em;
    }

    .container-i {
        width: 991px;
    }

    #header .container {
        width: 991px;
    }

    .container {
        width: 1440px;
    }

    #news-center {
        width: 1440px;
    }

    #about-company .topbanner {
        height: 525px;
    }

    #about-company #company_culture_content .company_c {
        padding-top: 0px;
    }

    #about-company .banner {
        width: 1440px;
        height: 569px;
        background-size: cover;
        background-position: top center;
    }

    #about-company .banner .banner_c {
        padding-top: 15%;
        width: 970px;
        margin: 0px auto;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 278px;
        width: 320px;
        background-size: contain;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 278px;
        width: 320px;
        background-size: contain;
    }

    #about-company #company_culture_content .row_top {
        bottom: -1px;
    }

}


@media only screen and (min-width: 1360px) and (max-width: 1366px) {
    body {
        font-size: 1.1em;
    }

    .container-i {
        width: 918px;
    }

    #header .container {
        width: 918px;
    }

    .container {
        width: 1366px;
    }

    #about-company .banner {
        width: 1366px;
        height: 759px;
    }

    #news-center {
        width: 1366px;
    }

    #about-company .banner .banner_c {
        padding-top: 20%;
    }

    #about-company .banner .banner_c .item-l-info-w {
        padding-top: 31%;
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 37%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 24.5%;
    }
}

}


@media only screen and (max-width: 1280px) {
    body {
        font-size: 1em;
    }

    .container-i {
        width: 878px;
    }

    #header .container {
        width: 878px;
    }

    .container {
        width: 1280px;
    }

    #about-company .banner {
        width: 1280px;
    }

    #news-center {
        width: 1280px;
    }

    #about-company .banner .banner_c {
        padding-top: 21%;
    }

}


@media only screen and (max-width: 1024px) {
    body {
        font-size: 1.1em;
    }

    .container-i {
        width: 900px;
    }

    #header .container {
        width: 900px;
    }

    .container {
        width: 1024px;
    }

    #business-investment .container-i .info {
        margin-bottom: 0px;
    }

    #home .content .rows {
        padding-bottom: 10%;
    }

    #home .banner {
        width: 1024px;
        height: 342px;
    }

    #about-company .banner {
        width: 1024px;
        height: 342px;
        background-size: cover;
        margin: 0px auto;
    }

    #about-company .banner .banner_c {
        width: 605px;
    }

    #about-company .banner .banner_c .item-l-b {
        width: 200px;
        height: 174px;
        background-size: contain;
    }

    #about-company .banner .banner_c .item-l-w {
        width: 200px;
        height: 174px;
        background-size: contain;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 2em;
    }

    #news-center {
        width: 1024px;
    }

    #about-company .banner .banner_c {
        padding-top: 12%;
    }

    #about-company .banner .banner_c .item-l-info-w {
        line-height: 31.5%;
        line-height: 24px;
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 32%;
        padding-left: 5%;
        padding-right: 5%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 26%;
    }

    #about-company #company_culture_content .row_top {
        width: 628px;
        bottom: -2px;
    }

    #about-company #company_culture_content .row_bottom {
        width: 1023px;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 296px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 314px;
        height: 296px;
        background-size: cover;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 314px;
        height: 296px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
    body {
        font-size: 1em;
    }

    header .navbar-toggle {
        margin-top: 6%;
        margin-top: 6% !important;
    }

    .gray-bg {
        background-color: #fff;
    }

    .section-margine {
        padding: 0px;
    }

    .container {
        padding: 0px;
    }

    .page article {
        padding: 0px;
        margin: 0px;
    }

    .textcont {
        padding: 0px;
    }

    .container-i {
        margin: 0 auto;
    }

    .navbar-default .navbar-nav > li {
        margin-left: 30px;
    }

    .navbar-default .navbar-nav > li a {
        line-height: 1.5;
        padding: 2.6% 0px;
    }

    .content .title {
        padding-top: 19%;
        padding-bottom: 11.8%;
        font-size: 2.6em;
        font-weight: bold;
    }

    .content .title #zm {
        font-weight: normal;
        padding-top: 2%;
    }

    .topbanner {
        background-size: contain;
    }

    #news-center-c {
        box-shadow: 5px 0px 5px rgba(0, 0, 0, .06);
        border-top: 1px solid #e5e5e5;
        margin-top: 2%;
        padding-top: 2%;
    }

    #news-center-c .container-i {
        padding: 0px;
        box-shadow: none;
        border: none;
    }

    #news-center-c .entry-box {
        padding: 0px;
    }

    #news-center-c .newstitlename {
        padding: 0px;
        font-weight: bold;
        font-size: 1.6em;
    }

    .nav-links .nav-previous a {
        margin-left: 0em;
    }

    .nav-links .nav-next a {
        margin-right: 0em;
    }

    #posts-navigation-row {
        padding-top: 13%;
    }

    #home .content .title {
        padding-top: 9%;
        padding-bottom: 11%;
        font-size: 2.6em;
        font-weight: bold;
        border-bottom: 1px solid #c1a367;
    }

    #home #contactus_n .title {
        border-bottom: none;
    }

    #home .content .title #c_address span {
        display: block;
        padding-top: 1%;
    }

    #home .content .rows {
        padding-bottom: 15.3%;
    }

    #home .content .other-rows {
        border-bottom: 1px solid #c1a367;
    }

    #home .content .left {
        width: 100%;
        float: none;
        margin-bottom: 15.4%;
    }

    #home .content .right {
        width: 100%;
        float: none;
    }

    #home .content .left .item {
        padding-right: 0px;
    }

    #home .content .left .item .m_title {
        text-align: center;
        padding-bottom: 8.4%;
        padding-top: 13.5%;
        font-weight: bold;
        font-size: 1.9em;
    }

    #home .banner {
        margin-top: 10.7%;
        background: url(/wp-content/uploads/2020/01/Investment-field-m.jpg) no-repeat center center;
        background-size: contain;
        height: 620px;
        width: 100%;
    }

    #home #contactus_c #c_title_other {
        border: none;
        padding-top: 19.5%;
        padding-bottom: 15%;
    }

    #home #contactus_c .left {
        width: 100%;
    }

    #home #contactus_c .right {
        width: 100%;
    }

    #home #contactus_c .rows-other .left {
        margin-bottom: 6.1%
    }

    #home #contactus_n .title {
        padding-top: 15.5%;
        padding-bottom: 20.5%;
    }

    #home #contactus_n #c_name {
        font-size: 0.7em;
    }

    #home #contactus_n #c_address {
        font-size: 0.5em;
    }


    #contact-us .content .left {
        width: 100%;
        float: none;
        margin-bottom: 6.2%;
    }

    #contact-us .content .right {
        width: 100%;
        float: none;
    }

    #contact-us #contactus_n .title {
        padding-top: 15.5%;
        padding-bottom: 18.5%;
    }

    #contact-us #c_name {
        margin-bottom: 0.5em;
        font-size: 0.7em;
    }

    #contact-us #content_map {
        margin-bottom: 23.3%;
    }

    #contact-us .topbanner {
        background: url(/wp-content/uploads/2020/02/contact-us-banner-m-s.jpg) no-repeat center center;
        background-size: contain;
        height: 400px;
        width: 100%;
    }

    #contact-us #c_address {
        font-size: 0.5em;
    }

    #contact-us .container-i .title #c_address span {
        display: block;
        padding-top: 1%;
    }

    #join-us {
        margin-bottom: 0px;
    }

    #join-us .content .left {
        width: 100%;
        float: none;
    }

    #join-us .content .right {
        width: 100%;
        float: none;
        margin-top: 9.8%;
        margin-bottom: 26.7%;
    }

    #join-us .content .left .item .m_title {
        font-size: 1.7em;
    }

    #join-us .content .left .item .s_title {
        font-size: 1.4em;
    }

    #join-us .content .left .item li {
        line-height: 1.8em;
    }

    #join-us #rowsother {
        padding-top: 0px;
    }

    #join-us .topbanner {
        background: url(/wp-content/uploads/2020/01/join-us-banner-m.jpg) no-repeat center center;
        background-size: contain;
        height: 400px;
        width: 100%;
    }


    #news-center .container-i {
        padding-bottom: 4%;
    }

    #news-center .content {
        overflow: auto;
    }

    #news-center .content .col-sm-12 {
        overflow: auto;
    }

    #news-center .hentry {
        width: 47.5%;
        font-size: 1.5em;
        float: left;
    }

    #news-center .rightnews {
        float: right;
    }

    #news-center .hentry .info {
        padding: 2.8em 0px 0px 0px;
    }

    #news-center .hentry .newtitle {
        font-size: 0.6em;
    }

    #news-center .hentry .newsdatatime .year {
        padding-left: 4px;
    }

    #news-center .hentry .rowline {
        height: 4px;
        border-radius: 0px;
    }

    #news-center .topbanner {
        background: url(/wp-content/uploads/2020/01/news_center_banner-m.jpg) no-repeat center center;
        background-size: contain;
        height: 400px;
        width: 100%;
    }


    #business-investment .content .title {
        padding-top: 9%;
        padding-bottom: 11%;
        font-size: 2.6em;
        font-weight: bold;
    }

    #business-investment .investment-field {
        margin-top: 10.7%;
        background: url(/wp-content/uploads/2020/03/Investment-field-m-bi.jpg) no-repeat center center;
        background-size: contain;
        height: 620px;
        width: 100%;
    }

    #business-investment .content .left {
        width: 100%;
        float: none;
    }

    #business-investment .content .left .caseimg {
        text-align: center;
        margin-bottom: 1em;
        float: none;
    }

    #business-investment .content .left .caseimgo_ther .c_title {
        font-size: 3em;
        margin-bottom: 1%;
    }

    #business-investment .content .left .caseinfo {
        float: none;
        margin: 0px;
    }

    #business-investment .content .right {
        width: 100%;
        float: none;
        margin-top: 2%;
        margin-bottom: 7%;
    }

    #business-investment .content .casetitle {
        color: #000;
        font-weight: bold;
        text-align: center;
        font-size: 1.3em;
    }

    #business-investment .content .casesu-title {
        text-align: center;
        padding: 3% 0px;
        font-size: 1.3em;
    }

    #business-investment .linerows {
        border-bottom: 1px solid #cddde8;
        margin-bottom: 13%;
    }

    #business-investment .content .left {
        margin-left: 0px;
    }

    #business-investment .content .left p {
        padding: 0 0 2% 0px;
    }

    #business-investment .topbanner {
        background: url(/wp-content/uploads/2020/01/business_introduction_banner_m.jpg) no-repeat center center;
        background-size: contain;
        height: 400px;
        width: 100%;
    }


    #about-company {
        padding-bottom: 5%;
    }

    #about-company .topbanner {
        background: url(/wp-content/uploads/2020/02/about-company-banner-ms.jpg) no-repeat center center;
        background-size: contain;
        height: 400px;
        width: 100%;
    }

    #about-company .content .left {
        width: 100%;
        float: none;
        border-top: 1px solid #c1a367;
    }

    #about-company .content .right {
        width: 100%;
        float: none;
        margin-top: 9.8%;
        margin-bottom: 14%;
    }

    #about-company .rows .left .title #zm {
        padding-top: 0.4em;
        display: none;
    }

    #about-company .rows .left .title {
        text-align: center;
        padding-top: 9%;
        padding-bottom: 0px;
    }

    #about-company .content .title {
        padding-bottom: 9%;
        border: none;
    }

    #about-company .linerows {
        display: none;
    }

    #about-company .banner {
        margin: 7% auto 5.6% auto;
        background: url(/wp-content/uploads/2020/01/Investment-field_about_bg-m.jpg) no-repeat center center;
        background-size: contain;
        width: 375px;
        height: 395px;
    }

    #about-company .banner .banner_c .item-l {
    }

    #about-company .banner .banner_c .item-l-b {
        height: 250px;
        width: 288px;
        background: url(/wp-content/uploads/2020/01/l-b-bg-m375.png) no-repeat center center;
        background-size: contain;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 250px;
        width: 288px;
        background: url(/wp-content/uploads/2020/01/l-w-bg-m375.png) no-repeat center center;
        background-size: contain;
    }

    #about-company #shareholder-introduction-item {
        display: block;
    }

    #about-company #shareholder-introduction-img {
        display: block;
        float: left;
        margin-bottom: 10%;
    }

    #about-company #shareholderleft {
        float: left;
        width: 48%
    }

    #about-company #shareholderright {
        float: right;
        width: 48%
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 33%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 26%;
    }

    #about-company #company_culture_content {
        width: 361px;
    }

    #about-company .banner .banner_c .item-l-info-w {
        padding-left: 10%;
        padding-right: 10%;
        font-size: 0.8em;
        line-height: normal;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 130px;
        height: 113px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 317px;
        width: 365px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 113px;
    }

    #about-company #company_culture_content .row_top {
        width: 262px;
        bottom: -4px;
    }

    #about-company #company_culture_content .row_bottom {
        width: 392px;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 130px;
        height: 113px;
        font-size: 1em;
    }

    #about-company #company_culture_content .company_c .item-l-w .title-name {
        font-size: 1em;
    }

    #about-company #company_culture_content .company_c .item-l-info-w {
        padding: 23% 10% 0px 10%;
        font-size: 0.8em;
    }

    #about-company #company_culture_content .company_c .item-l-b .txt {
        font-size: 0.8em;
    }

    #about-company #shareholder-introduction-item .item-c {
        position: fixed;
        background-color: #fff;
        width: 368px;
        top: 15%;
        z-index: 100;
        padding: 8% 5%;
        box-shadow: 0 6px 15px 7px rgba(0, 0, 0, .06);
        border: 1px solid #ccc;
        max-height: 470px;
        overflow: auto;
    }

    #about-company #moreclose img {
        height: 17px;
    }

    #about-company #moreconent {
        text-align: left;
        max-height: 400px;
        overflow: auto;
    }

    #about-company #moreconent .rowline {
        line-height: normal;
        border-left: 2px solid #005bac;
        margin-bottom: 6%;
        padding-left: 2%;
    }

    #about-company #moreconent .rowline .datatime {
        font-weight: bold;
        display: block;
    }

    #about-company #morehHonor-w {
        top: 12%;
    }

    #about-company #morehHonor {
        width: 96%;
        padding: 5%;
        margin: 0 2%;
        left: 0px;
    }

    #about-company #moreclose {
        text-align: right;
        cursor: pointer;
    }

    #about-company #moretitle {
        margin-bottom: 5%;
        font-size: 2em;
    }

    #about-company #shareholder-introduction-item .item-c {
        display: none;
    }


    #footer #footer_c {
        padding-top: 14.6%;
    }

    #footer #footer_c ul {
        width: 38%;
    }

    #footer #footer_c ul.ul-other {
        width: 24%;
    }

    #footer #footer_c li {
        line-height: 24px;
    }

    #footer #footer_c .frist {
        font-size: 1.1em;
        padding-bottom: 29px;
    }

    #footer #copyrights {
        margin-top: 19%;
        text-align: center;
        margin-bottom: 13%;
    }
}


@media only screen and (min-width: 766px) and (max-width: 768px) {
    .container-i {
        width: 666px;
    }

    .navbar-default .navbar-nav > li a {
        line-height: 72px;
        padding: 0px;
    }

    #header .container {
        width: 720px;
    }

    .container {
        width: 768px;
    }

    #about-company .banner {
        width: 768px;
    }

    #news-center {
        width: 768px;
    }

    #home .banner {
        height: 1275px;
    }

    #home .content .left .item .info {
        font-size: 1.5em;
        line-height: 1.7em;
    }

    #about-company #company_culture_content .row_top {
        bottom: -1px;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 2em;
    }

    #contact-us .topbanner {
        height: 819px;
    }

    #about-company .topbanner {
        height: 819px;
    }

    #news-center .topbanner {
        height: 819px;
    }

    #join-us .topbanner {
        height: 819px;
    }

    #business-investment .topbanner {
        height: 819px;
    }

    #business-investment .investment-field {
        height: 1275px;
    }


    #about-company .banner {
        height: 650px;
        background-size: cover;
        background-position: top center;
    }

    #about-company .banner .banner_c {
        padding-top: 35%;
    }


    #about-company .banner .banner_c {
        width: 768px;
        padding-top: 50%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 768px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
        max-height: 768px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 213px;
        width: 246px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 213px;
        width: 246px;
        font-size: 1.5em;
    }

    #about-company #shareholder-introduction-img {
        width: 100%;
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 39%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 31%;
    }


    #about-company #company_culture_content .row_top {
        width: 406px;
        bottom: -2px;
    }

    #about-company #company_culture_content .row_bottom {
        width: 609px;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 176px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 203px;
        height: 176px;
        background-size: cover;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 203px;
        height: 176px;
    }
}

@media only screen and (max-width: 640px) {
    .container-i {
        width: 572px;
    }

    #header .container {
        width: 572px;
    }

    .container {
        width: 640px;
    }

    .navbar-default .navbar-nav > li a {
        padding: 2% 0px;
    }

    #about-company #morehHonor-w {
        top: 23%;
    }

    #news-center {
        width: 640px;
    }

    #home .banner {
        height: 1055px;
    }

    #home .content .left .item .info {
        font-size: 1.5em;
        line-height: 1.7em;
    }

    #about-company #company_culture_content .row_top {
        bottom: -1px;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 2em;
    }

    #about-company #morehHonor {
        padding: 4%;
    }

    #about-company #moreconent {
        max-height: 130px;
    }

    #contact-us .topbanner {
        height: 683px;
    }

    #about-company .topbanner {
        height: 683px;
    }

    #news-center .topbanner {
        height: 683px;
    }

    #join-us .topbanner {
        height: 683px;
    }

    #business-investment .topbanner {
        height: 683px;
    }

    #business-investment .investment-field {
        height: 1055px;
    }

    #about-company .banner {
        height: 673px;
        width: 640px;
    }

    #about-company .banner .banner_c {
        width: 640px;
        padding-top: 50%;
        padding-left: 11px;
    }

    #about-company #company_culture_content {
        width: 540px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
        max-height: 540px;
    }

    #about-company #moreconent
    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 176px;
        width: 203px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 176px;
        width: 203px;
        font-size: 1.5em;
    }


}

@media only screen and (max-width: 540px) {
    .container-i {
        width: 484px;
    }

    #header .container {
        width: 484px;
    }

    .container {
        width: 540px;
    }

    #about-company .banner {
        width: 540px;
    }

    #news-center {
        width: 540px;
    }

    #home .banner {
        height: 890px;
    }

    #home .content .left .item .info {
        font-size: 1.5em;
        line-height: 1.7em;
    }

    #about-company #company_culture_content .row_top {
        bottom: -1px;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 2em;
    }

    #contact-us .topbanner {
        height: 577px;
    }

    #about-company .topbanner {
        height: 577px;
    }

    #news-center .topbanner {
        height: 577px;
    }

    #join-us .topbanner {
        height: 577px;
    }

    #business-investment .topbanner {
        height: 577px;
    }

    #business-investment .investment-field {
        height: 890px;
    }


    #about-company .banner {
        height: 568px;
    }

    #about-company .banner .banner_c {
        width: 540px;
        padding-top: 50%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 540px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
        max-height: 540px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 156px;
        width: 170px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 156px;
        width: 170px;
        font-size: 1.5em;
    }


}


@media only screen and (max-width: 480px) {
    .container-i {
        width: 418px;
    }

    #header .container {
        width: 418px;
    }

    .container {
        width: 480px;
    }

    #about-company .banner {
        width: 480px;
    }

    #news-center {
        width: 480px;
    }


    #about-company .topbanner {
        height: 513px;
    }

    #business-investment .topbanner {
        height: 513px;
    }

    #news-center .topbanner {
        height: 513px;
    }

    #join-us .topbanner {
        height: 513px;
    }

    #contact-us .topbanner {
        height: 513px;
    }

    #business-investment .investment-field {
        height: 790px;
    }

    #about-company #shareholder-introduction-img {
        height: auto;
    }

    #about-company .banner {
        width: 480px;
        height: 380px;
        background-size: cover;
        background-position: top center;
    }

    #about-company #shareholder-introduction-img {
        height: auto;
    }

    #home .banner {
        height: 800px;
    }

    #about-company .banner .banner_c {
        padding-top: 35%;
    }

    #about-company .banner .banner_c {
        width: 513px;
        padding-top: 37%;
        padding-left: 11px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 130px;
        width: 150px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 130px;
        width: 150px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

    #about-company #company_culture_content {
        width: 480px;
    }

    #about-company #shareholder-introduction-item .item-c {
        max-height: 520px;
        width: 88%;
        margin: 0px auto;
    }


    #about-company #company_culture_content {
        width: 480px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 159px;
        height: 138px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 138px;
        width: 159px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 138px;
    }

    #about-company #company_culture_content .row_top {
        width: 318px;
        bottom: -1px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 477px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 159px;
        height: 138px;
    }
}


@media only screen and (min-width: 412px) and (max-width: 423px) {

    .container-i {
        width: 361px;
    }

    #header .container {
        width: 361px;
    }

    .container {
        width: 414px;
    }

    #home .banner {
        height: 682px;
    }

    #news-center {
        width: 414px;
    }

    #about-company .banner .banner_c {
        padding-top: 21%;
    }


    #about-company .topbanner {
        height: 442px;
    }

    #business-investment .topbanner {
        height: 442px;
    }

    #news-center .topbanner {
        height: 442px;
    }

    #join-us .topbanner {
        height: 442px;
    }

    #contact-us .topbanner {
        height: 442px;
    }

    #business-investment .investment-field {
        height: 685px;
    }

    #about-company .banner {
        width: 414px;
        height: 320px;
        background-size: cover;
        background-position: top center;
    }

    #about-company .banner .banner_c {
        padding-top: 35%;
        width: 395px;
        margin: 0px auto;
    }

    #about-company #moreconent .rowline .datatime {
        padding: 0px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 113px;
        width: 130px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 113px;
        width: 130px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-w .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company #company_culture_content {
        width: 414px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 137px;
        height: 119px;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 137px;
        height: 119px;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 119px;
    }

    #about-company #company_culture_content .row_top {
        width: 274px;
        bottom: -1px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 412px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 137px;
        height: 119px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 88%;
        left: 0px;
        margin: 0px 6%;
        max-width: 510px;
    }


}


@media only screen and (max-width: 423px) {
    .container-i {
        width: 385px;
    }

    #header .container {
        width: 385px;
    }

    .container {
        width: 423px;
    }

    #about-company .banner {
        width: 423px;
    }

    #news-center {
        width: 423px;
    }

    #contact-us .topbanner {
        height: 452px;
    }

    #about-company .topbanner {
        height: 452px;
    }

    #news-center .topbanner {
        height: 452px;
    }

    #join-us .topbanner {
        height: 452px;
    }

    #business-investment .topbanner {
        height: 452px;
    }

    #about-company .banner .banner_c {
        width: 423px;
        padding-top: 37%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 423px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 92%;
        margin: 0px 4%;
        max-height: 510px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 131px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 131px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

    #about-company .topbanner {
        height: 452px;
    }
}


@media only screen and (max-width: 414px) {
    .container-i {
        width: 370px;
    }

    #header .container {
        width: 370px;
    }

    .container {
        width: 414px;
    }

    #about-company .banner {
        width: 414px;
    }

    #news-center {
        width: 414px;
    }

    #contact-us .topbanner {
        height: 442px;
    }

    #about-company .topbanner {
        height: 442px;
    }

    #news-center .topbanner {
        height: 442px;
    }

    #join-us .topbanner {
        height: 442px;
    }

    #business-investment .topbanner {
        height: 442px;
    }

    #about-company #moreconent {
        max-height: 400px;
    }

    #about-company .banner .banner_c {
        width: 414px;
        padding-top: 37%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 414px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 92%;
        margin: 0px 4%;
        max-height: 510px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 128px;
        font-size: 1em;
        padding-top: 35%;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 128px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 23.5%;
    }

    #about-company .banner .banner_c .item-l-o .item-l-info-w {
        padding-top: 30%;
    }

    #about-company .banner .banner_c .item-l-info-w {
        padding-top: 29.5%;
    }

    #about-company #company_culture_content .row_top {
        width: 276px;
    }

    #about-company #company_culture_content .row_bottom {
        width: 414px;
    }

}

@media only screen and (max-width: 412px) {
    .container-i {
        width: 374px;
    }

    #header .container {
        width: 374px;
    }

    .container {
        width: 412px;
    }

    #about-company .banner {
        width: 412px;
    }

    #news-center {
        width: 412px;
    }

    #contact-us .topbanner {
        height: 440px;
    }

    #about-company .topbanner {
        height: 440px;
    }

    #news-center .topbanner {
        height: 440px;
    }

    #join-us .topbanner {
        height: 440px;
    }

    #business-investment .topbanner {
        height: 440px;
    }

    #about-company .banner .banner_c {
        width: 412px;
        padding-top: 37%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 412px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 92%;
        margin: 0px 4%;
        max-height: 510px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 127px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 127px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

}

@media only screen and (max-width: 411px) {
    .container-i {
        width: 374px;
    }

    #header .container {
        width: 374px;
    }

    .container {
        width: 412px;
    }

    #about-company .banner {
        width: 412px;
    }

    #news-center {
        width: 412px;
    }

    #contact-us .topbanner {
        height: 440px;
    }

    #about-company .topbanner {
        height: 440px;
    }

    #news-center .topbanner {
        height: 440px;
    }

    #join-us .topbanner {
        height: 440px;
    }

    #business-investment .topbanner {
        height: 440px;
    }

    #about-company .banner .banner_c {
        width: 412px;
        padding-top: 37%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 412px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 92%;
        margin: 0px 4%;
        max-height: 510px;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 127px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 127px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

}

@media only screen and (min-width: 399px) and (max-width: 400px) {
    .container-i {
        width: 358px;
    }

    #header .container {
        width: 358px;
    }

    .container {
        width: 400px;
    }

    #about-company .banner {
        width: 400px;
    }

    #news-center {
        width: 400px;
    }

    #contact-us .topbanner {
        height: 427px;
    }

    #about-company .topbanner {
        height: 427px;
    }

    #news-center .topbanner {
        height: 427px;
    }

    #join-us .topbanner {
        height: 427px;
    }

    #business-investment .topbanner {
        height: 427px;
    }


    #about-company .banner .banner_c {
        width: 400px;
        padding-top: 43%;
        padding-left: 11px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 123px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 123px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
        padding-top: 31%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 25%;
    }

    #about-company .banner .banner_c .item-l-w .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company #company_culture_content {
        width: 400px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
        max-height: 510px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 123px;
        height: 108px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 108px;
        width: 123px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 108px;
    }

    #about-company #company_culture_content .row_top {
        width: 246px;
        bottom: -2px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 369px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 123px;
        height: 108px;
    }


}

@media only screen and (max-width: 399px) {
    .container-i {
        width: 357px;
    }

    #header .container {
        width: 357px;
    }

    .container {
        width: 399px;
    }

    #about-company .banner {
        width: 399px;
    }

    #news-center {
        width: 399px;
    }

    #about-company .banner .banner_c {
        width: 399px;
        padding-top: 43%;
        padding-left: 11px;
    }

    #about-company #company_culture_content {
        width: 399px;
    }

    #contact-us .topbanner {
        height: 426px;
    }

    #about-company .topbanner {
        height: 426px;
    }

    #news-center .topbanner {
        height: 426px;
    }

    #join-us .topbanner {
        height: 426px;
    }

    #business-investment .topbanner {
        height: 426px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 123px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 123px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }
}

@media only screen and (min-width: 383px) and (max-width: 393px) {
    .container-i {
        width: 343px;
    }

    #header .container {
        width: 343px;
    }

    .container {
        width: 383px;
    }

    #about-company .banner {
        width: 383px;
    }

    #news-center {
        width: 383px;
    }

    #contact-us .topbanner {
        height: 406px;
    }

    #about-company .banner .banner_c {
        width: 383px;
        margin: 0px auto;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 123px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 123px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-w .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company #company_culture_content {
        width: 383px;
    }

    #about-company #shareholder-introduction-item .item-c {
        max-height: 500px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 123px;
        height: 108px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 108px;
        width: 123px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 108px;
    }

    #about-company #company_culture_content .row_top {
        width: 246px;
        bottom: -2px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 369px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 123px;
        height: 108px;
    }
}

@media only screen and (max-width: 393px) {
    .container-i {
        width: 353px;
    }

    #header .container {
        width: 353px;
    }

    .container {
        width: 393px;
    }

    #about-company .banner {
        width: 393px;
    }

    #news-center {
        width: 393px;
    }

    #contact-us .topbanner {
        height: 420px;
    }

    #about-company .topbanner {
        height: 420px;
    }

    #news-center .topbanner {
        height: 420px;
    }

    #join-us .topbanner {
        height: 420px;
    }

    #business-investment .topbanner {
        height: 420px;
    }

    #about-company .banner .banner_c {
        width: 393px;
        padding-top: 43%;
        padding-left: 10px;
    }

    #about-company #company_culture_content {
        width: 393px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 121px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 121px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

}

@media only screen and (max-width: 383px) {
    .container-i {
        width: 345px;
    }

    #header .container {
        width: 335px;
    }

    .container {
        width: 383px;
    }

    #contact-us .topbanner {
        height: 409px;
    }

    #about-company .topbanner {
        height: 409px;
    }

    #news-center .topbanner {
        height: 409px;
    }

    #join-us .topbanner {
        height: 409px;
    }

    #business-investment .topbanner {
        height: 409px;
    }

    #about-company .banner {
        width: 383px;
    }

    #news-center {
        width: 383px;
    }

    #about-company .banner .banner_c {
        width: 383px;
        padding-top: 43%;
        padding-left: 11px;
    }

    #about-company #company_culture_content {
        width: 383px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 90%;
        margin: 0px auto;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 117px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 117px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

}


@media only screen and (max-width: 375px) {
    .container-i {
        width: 327px;
    }

    #header .container {
        width: 327px;
    }

    .container {
        width: 375px;
    }

    #about-company .banner {
        width: 375px;
    }

    #news-center {
        width: 375px;
    }

    #contact-us .topbanner {
        height: 400px;
    }

    #about-company .topbanner {
        height: 400px;
    }

    #news-center .topbanner {
        height: 400px;
    }

    #join-us .topbanner {
        height: 400px;
    }

    #business-investment .topbanner {
        height: 400px;
    }


    #about-company .banner .banner_c {
        width: 375px;
        padding-top: 43%;
        padding-left: 11px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 115px;
        font-size: 1em;
        padding-top: 39%;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 115px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
        padding-top: 32.8%;
    }

    #about-company .banner .banner_c .item-l-thress .item-l-info-w {
        padding-top: 24.7%;
    }

    #about-company #company_culture_content {
        width: 375px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 88%;
        margin: 0px;
    }

    #about-company #company_culture_content {
        width: 375px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 123px;
        height: 108px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 108px;
        width: 123px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 108px;
    }

    #about-company #company_culture_content .row_top {
        width: 248px;
        bottom: -2px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 371px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 123px;
        height: 108px;
    }

    #about-company #morehHonor-w {
        top: 15%;
    }
}

@media only screen and (max-width: 360px) {
    .container-i {
        width: 321px;
    }

    #header .container {
        width: 321px;
    }

    .container {
        width: 360px;
    }

    #about-company .banner {
        width: 360px;
    }

    #news-center {
        width: 360px;
    }

    #contact-us .topbanner {
        height: 384px;
    }

    #about-company .topbanner {
        height: 384px;
    }

    #news-center .topbanner {
        height: 384px;
    }

    #join-us .topbanner {
        height: 384px;
    }

    #business-investment .topbanner {
        height: 384px;
    }


    #home .banner {
        background-position: top center;
        height: 593px;
    }

    #business-investment .investment-field {
        height: 593px;
    }

    #about-company .banner .banner_c {
        width: 360px;
        padding-top: 43%;
        padding-left: 4.5px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 3px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 108px;
        width: 115px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 108px;
        width: 115px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

    #about-company #company_culture_content {
        width: 360px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 89.2%;
        margin: 0px;
    }

    #about-company #company_culture_content {
        width: 360px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 120px;
        height: 104px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 104px;
        width: 120px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 104px;
    }

    #about-company #company_culture_content .row_top {
        width: 240px;
        bottom: -1px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 360px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 120px;
        height: 104px;
    }

    #about-company #morehHonor-w {
        top: 15%;
    }
}

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

    .container-i {
        width: 278px;
    }

    #header .container {
        width: 278px;
    }

    .container {
        width: 320px;
    }

    #about-company .banner {
        width: 320px;
    }

    #news-center {
        width: 320px;
    }

    #contact-us .topbanner {
        height: 341px;
    }

    #about-company .topbanner {
        height: 341px;
    }

    #news-center .topbanner {
        height: 341px;
    }

    #join-us .topbanner {
        height: 341px;
    }

    #business-investment .topbanner {
        height: 341px;
    }

    #news-center .hentry .newsdatatime {
        margin: 1em 0px 1em 0px;
    }

    #news-center .hentry .newsdatatime .year {
        padding-left: 2px;
    }


    #home .banner {
        background-position: top center;
        height: 527px;
    }

    #business-investment .investment-field {
        height: 527px;
    }

    #about-company .banner .banner_c {
        width: 320px;
        padding-top: 43%;
        padding-left: 5px;
    }

    #about-company .banner .banner_c .item-l {
        line-height: initial;
        z-index: 10;
    }

    #about-company .banner .banner_c .item-l-o {
        margin: 0px 5px;
    }

    #about-company .banner .banner_c .item-l-w {
        height: 100px;
        width: 100px;
        font-size: 1em;
    }

    #about-company .banner .banner_c .item-l-b {
        height: 100px;
        width: 100px;
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-b {
        font-size: 1.5em;
    }

    #about-company .banner .banner_c .item-l-info-w {
        font-size: 0.8em;
    }

    #about-company #company_culture_content {
        width: 320px;
    }

    #about-company #shareholder-introduction-item .item-c {
        width: 86.8%;
        margin: 0px;
    }

    #about-company #company_culture_content {
        width: 320px;
    }

    #about-company #company_culture_content .company_c .item-l-w {
        width: 106px;
        height: 92px;
        background: url(/wp-content/uploads/2020/01/c-w-bg-m375.png) no-repeat;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        background: url(/wp-content/uploads/2020/01/c-b-bg-m375.png) no-repeat;
        height: 104px;
        width: 92px;
        position: absolute;
        top: 0px;
        overflow: hidden;
        background-size: contain;
    }

    #about-company #company_culture_content .company_c .item-l-info-b {
        padding-top: 22%;
    }

    #about-company #company_culture_content .company_c .item-l {
        height: 92px;
    }

    #about-company #company_culture_content .row_top {
        width: 212px;
        bottom: -1px;
        display: block;
        position: relative;
        margin: 0px auto;
    }

    #about-company #company_culture_content .row_bottom {
        width: 318px;
        margin: 0px auto;
    }

    #about-company #company_culture_content .company_c .item-l-b {
        width: 106px;
        height: 92px;
    }

    #about-company #morehHonor-w {
        top: 15%;
    }

    #footer #footer_c .frist {
        font-size: 1em;
        padding-bottom: 10px;
        font-weight: bold;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sewa_single_check {
        padding-right: 8px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .post-des {
        font-size: 1.3em;
    }

    .sewa_single_check {
        padding-right: 8px;
    }
}

.sewa_single_check span {
    margin-left: 4px;
    color: #252525;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_single_check span {
        margin-left: 1px;
    }
}

.sewa_checkbox2 {
    margin-left: 35px;
    margin-top: 3px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_checkbox2 {
        margin-left: 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .sewa_checkbox {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sewa_checkbox {
        padding: 0 80px 0;
    }
}

.sewa_single_check {
    position: relative;
}

.sewa_single_check label {
    cursor: pointer;
    height: 14px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 14px;
}

.sewa_single_check label {
    background: #fff;
}

.sewa_single_check label:after {
    opacity: 0;
    position: absolute;
    content: '\f00c';
    font-family: "Fontawesome", sans-serif;
    background: transparent;
    top: 0;
    left: 2px;
    border-top: none;
    border-right: none;
    font-size: 9px;
}

.sewa_single_check label:focus::after {
    opacity: 1;
}

.sewa_single_check input[type=checkbox]:checked + label:after {
    opacity: 1;
    color: #fff;
}

.sewa_single_check input[type=checkbox]:checked + label {
    background: #3e4951;
}

.sewa_single_check input[type=checkbox] {
    visibility: hidden;
}

.search-submit {
    background-color: #286090;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
}

.search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;
}

.widget {
    list-style: none;
}

.widget_meta li a {
    background: #ececf7;
}

/*-------------------------------------------------------------------------------------
WooCommerce
-------------------------------------------------------------------------------------*/
.woocommerce-page #primary .page-title,
.woocommerce-page .entry-title {
    font-size: 18px;
    line-height: 178%;
    margin: 0 0 40px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-weight: 500;
    position: relative;
    padding-bottom: 5px;
}

.woocommerce-page #primary .page-title:before,
.woocommerce-page .entry-title:before {
    content: '';
    position: absolute;
    background: #1c1c1c;
    width: 80px;
    height: 2px;
    left: 0;
    bottom: -2px;
}

.woocommerce-page #primary .page-title:after,
.woocommerce-page .entry-title:after {
    position: absolute;
    content: " ";
    width: auto;
    height: auto;
    bottom: -10px;
    left: 15px;
    border-width: 4px;
    border-style: solid;
    border-color: #1c1c1c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.woocommerce-product-gallery__wrapper > div,
.woocommerce-product-gallery__wrapper img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}

.woocommerce.woocommerce-page .main_title_wrapper {
    padding: 0px 0px 0px 0px;
}

.woocommerce ul.products li.product .price {
    font-size: 18px;
    float: right;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 9px;
}

.product-categories,
.product-categories li {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
}

.product-categories li {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 1.2;
    text-align: left;
    padding: 8px 0px;
    border-bottom: 1px solid #EAEAEA;
    margin-top: -1px;
}

.product-categories li:last-child {
    border-bottom: 0px;
}

.woocommerce-ordering {
    position: relative;
    background: #fbfaf9;
}

.woocommerce-ordering .orderby {
    height: 38px;
    -webkit-appearance: none;
    text-overflow: '';
    border: 1px solid #dadada;
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 13px !important;
    outline: none;
    height: auto;
    width: 100%;
    padding: 8px 15px !important;
    position: relative !important;
    text-indent: 0.01px;
    vertical-align: middle;
    z-index: 5;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    background: none
}

.woocommerce-ordering:before {
    font-size: 9px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: 18px;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f078";
    height: 38px;
    width: 38px;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 38px;
    text-align: center;
}

.woocommerce ul.products li.product a:hover {
    color: #fff !important;
}

.woocommerce-product-search {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
}

.woocommerce-product-search .search-field {
    font-size: 13px;
    line-height: 21px;
    color: #444444;
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 100%;
    height: 32px;
    width: 95%;
    padding-left: 10px;
    outline: none;
}

.woocommerce-product-search input[type="submit"] {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-weight: 600 !important;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    background-color: #222222;
    color: #ffffff;
    border: none;
    outline: none;
    padding: 8px 15px 8px 15px;
    cursor: pointer;
    transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    font-weight: 600;
}

.widget.woocommerce {
    margin-bottom: 30px;
}

.woocommerce-checkout .form-row .chosen-container-single .chosen-search input {
    background-image: none !important;
    padding: 5px 15px !important;
    margin-bottom: 10px !important;
}

.woocommerce a.remove {
    background: red;
    color: #fff !important;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.select2-container--default .select2-selection--single {
    border: solid 1px #e4e4e4;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    float: left;
    font-weight: 600 !important;
}

.variations .label label {
    margin-top: 14px;
    color: #222 !important;
}

.woocommerce .button.add_to_cart_button.product_type_simple.loading {
    width: auto;
}

.woocommerce .button.add_to_cart_button.product_type_simple.loading:before {
    opacity: 0;
}

.woocommerce a.button.loading,
.woocommerce-page a.button.loading {
    color: #FFF;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
    top: 1px;
    position: absolute;
    height: 31px;
    width: 13px;
    line-height: 31px;
    background: none;
    margin: 0px;
}

.woocommerce #respond input#submit.loading {
    height: 33px !important;
    line-height: 33px !important;
}

.woocommerce a.button.added,
.woocommerce-page a.button.added {
    padding-right: 13px !important;
}

.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    margin-right: 10px;
}

.woocommerce-cart table.cart .product-thumbnail {
    text-align: center;
}

.woocommerce-cart table.cart .product-remove a.remove {

}

.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,
.woocommerce.widget_shopping_cart .cart_list li a.remove:hover,
.woocommerce a.remove:hover {
    text-decoration: none !important;
}

.woocommerce_content_page h1.page-title {
    padding-bottom: 5px !important;
    font-weight: 500 !important;
    font-size: 27px;
    margin-bottom: 30px;
    line-height: 34px;
}

.woocommerce_content_page a,
.woocommerce_content_page a:hover {
    color: #000 !important;
}

.woocommerce .woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    flex: none;
    max-width: 100%;
    padding: 0;
}

.woocommerce .form-row label {
    display: block;
    font-size: 15px;
    font-weight: 400
}

.woocommerce .form-row .input-text {
    font-size: 12px;
    line-height: 21px;
    color: #444444;
    border: 1px solid #e6e6e6;
    width: 100%;
    max-width: 100%;
    height: 34px !important;
    padding: 3px 9px 3px 9px;
}

.woocommerce .form-row textarea.input-text {
    height: auto;
}

.woocommerce-page ul .product {
    float: left !important;
    margin-right: 3.125% !important;
    width: 31.25% !important;
    /* responsive portrait phone */
}

.woocommerce-page ul .product.last {
    margin-right: 0px !important;
}

.woocommerce-page ul .product:before {
    content: '';
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product a img:hover,
.woocommerce-page ul.products li.product a img:hover,
.woocommerce #content div.product div.images img,
.woocommerce div.product div.images img,
.woocommerce-page #content div.product div.images img,
.woocommerce-page div.product div.images img {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
}

.woocommerce ul.products li.product a:hover img,
.woocommerce-page ul.products li.product a:hover img {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .3);
}

.widget_price_filter form {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button,
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #content div.product form.cart .button,
.woocommerce div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
    outline: none;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    color: #FFF;
    border: 0px solid #dbdbdb;
    background: #222;
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 400;
    transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    text-shadow: 0 0px 0 rgba(255, 255, 255, .8);
    text-transform: uppercase;
    letter-spacing: 0px !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    float: left;
}

.woocommerce .button.add_to_cart_button.product_type_simple,
.woocommerce .button.add_to_cart_button.product_type_variable {
    color: #000 !important;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-weight: 400;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    overflow: hidden;
}

.woocommerce .button.add_to_cart_button.product_type_simple:hover,
.woocommerce .button.add_to_cart_button.product_type_variable:hover {
    border-color: #000 !important;
}

.woocommerce .button.ajax_add_to_cart {
    width: 100% !important;
}

.woocommerce ul.products li.product .added_to_cart.wc-forward:hover {
    color: #000 !important;
}

.woocommerce .button.add_to_cart_button.product_type_simple:hover,
.woocommerce .button.add_to_cart_button.product_type_variable:hover {
    color: #fff !important;
    background: #222;
}

.woocommerce a.button.loading,
.woocommerce-page a.button.loading {
    color: #FFF;
    width: 100%;
}

.woocommerce a.button.added,
.woocommerce-page a.button.added {
    padding-right: 25px;
}

.woocommerce #content input.button.added:before,
.woocommerce #respond input#submit.added:before,
.woocommerce a.button.added:before,
.woocommerce button.button.added:before,
.woocommerce input.button.added:before,
.woocommerce-page #content input.button.added:before,
.woocommerce-page #respond input#submit.added:before,
.woocommerce-page a.button.added:before,
.woocommerce-page button.button.added:before,
.woocommerce-page input.button.added:before {
    top: 2px;
    right: 3px;
    font-size: 10px;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button,
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #content div.product form.cart .button,
.woocommerce div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
    margin-bottom: 0px !important;
    color: #FFF !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 0px 15px !important;
    opacity: 1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
    width: 121px;
    height: 33px;
    line-height: 33px;
}

.product-name a,
.product-name a:hover {
    color: #222 !important;
}

.woocommerce .star-rating span:before {
    color: #ffc902;
}

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    color: #007fef;
    font-weight: bold;
}

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
    text-decoration: none !important;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce-page .widget_price_filter .price_slider_amount .button:hover,
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #content div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce-page #content div.product form.cart .button:hover,
.woocommerce-page div.product form.cart .button:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
    background: #000;
    text-decoration: none !important;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    box-shadow: none !important;
    width: 75px !important;
    margin-right: 13px;
    margin-left: 0px;
    float: left;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.woocommerce ul.product_list_widget li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
    height: 33px;
}

.woocommerce #content .quantity .minus,
.woocommerce #content .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus,
.woocommerce-page #content .quantity .minus,
.woocommerce-page #content .quantity .plus,
.woocommerce-page .quantity .minus,
.woocommerce-page .quantity .plus {
    height: 16px;
}

.woocommerce ul.products li.product .price {
    float: left;
    width: 100%;
}

.woocommerce ul.products li.product .price del {
    float: left;
    margin-right: 10px;
}

.woocommerce div.product p.price del {
    margin-right: 10px;
}

.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce ul.products li.product .price {
    color: #000;
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 1.05em;
}

.single-product.woocommerce .products ul,
.single-product.woocommerce ul.products {
    margin: 0px -15px;
}

.variations .label label {
    display: inline-block !important;
    margin: 7px 0px 0px 0px;
}

.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}

.related.products ul li,
.woocommerce .up-sells.upsells ul.products li.product,
.woocommerce-page .up-sells.upsells ul.products li.product {
    width: 33.33333333% !important;
    margin: 0px !important;
    padding: 0px 15px !important;
    margin-bottom: 30px !important;
}

.related.products h2,
.up-sells.upsells.products h2 {
    margin-bottom: 20px;
    letter-spacing: 0px !important;
}

.woocommerce .quantity .qty {
    border: 1px solid #e6e6e6;
}

.woocommerce .quantity .qty:active,
.woocommerce .quantity .qty:focus {
    outline: none;
}

.woocommerce ul.products li.product a {
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.woocommerce ul.products li.product a img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    text-decoration: none !important;
}

.woocommerce .related.products {
    margin-top: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.woocommerce #content div.product p.price del,
.woocommerce #content div.product span.price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce-page #content div.product p.price del,
.woocommerce-page #content div.product span.price del,
.woocommerce-page div.product p.price del,
.woocommerce-page div.product span.price del {
    color: #484848;
}

.woocommerce ul.products li.product .price ins {
    font-weight: normal;
}

.woocommerce #reviews #comments ol.commentlist {
    float: left;
    margin-top: 15px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border: 0px;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
    margin-bottom: 11px;
    padding: 0px 0px 13px 0px !important;
    background: none !important;
    border-bottom: 0px solid #e6e6e6 !important;
    float: left;
    width: 100%;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-ordering,
.woocommerce-page .woocommerce-result-count {
    color: #000;
    font-size: 13px !important;
    text-transform: uppercase;
}

.woocommerce-ordering .orderby {
    text-transform: uppercase;
}

.woocommerce ul.products li.product .star-rating span,
.woocommerce ul.products li.product .star-rating span {
    color: #007fef;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    font-weight: bold;
    padding: 0px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 9px;
}

.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
    font-weight: bold;
    letter-spacing: -1px;
}

.woocommerce .product .onsale {
    width: 45px;
    height: 45px;
    line-height: 43px;
    border: 0px !important;
    background: none #007fef;
    box-shadow: none;
    text-shadow: none;
    margin: 0px !important;
    left: 0px !important;
    right: auto;
    top: 0px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.woocommerce-page #content table.cart th {
    background: #FFF !important;
    color: #222 !important;
}

.woocommerce.widget .ui-slider-range {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: none !important;
}

.woocommerce.widget .ui-slider {
    background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
    border-radius: 0px !important;
    margin-bottom: 20px !important;
    margin-top: 10px;
}

.woocommerce.widget .ui-slider .ui-slider-handle {
    box-shadow: none;
    border: 1px solid #ffffff;
    background: none #a9a9a9;
    width: 15px;
    height: 15px;
}

.woocommerce-tabs h2,
.related.products h2 {
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 18px;
    line-height: 1.2;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
    padding: 0px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
    box-shadow: 0px 0px 0 #fff;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
    width: 100%;
    font-weight: inherit;
    padding: 0px 10px;
    color: #fff !important;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    color: #000 !important;
    padding: 0px 10px;
    font-weight: inherit;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    margin-top: 2px;
    margin-right: 0px;
}

.woocommerce-product-gallery__image a:active,
.woocommerce-product-gallery__image a:focus {
    outline: none;
}

.woocommerce ul.product_list_widget .star-rating {
    font-size: 13px;
}

.woocommerce ul.product_list_widget .woocommerce-Price-amount {
    font-size: 13px;
}

.woocommerce #review_form #respond {
    width: 100%;
}

.comments-area .comments-title,
.comment-respond .comment-reply-title {
    font-weight: 600;
}

.woocommerce #review_form #respond p span {
    padding-top: 5px;
    display: inline-block;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    padding: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .2), inset 0 0px 0 rgba(255, 255, 255, .6);
    margin: 0px;
    background: #202020;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    border: 0px solid #e0dadf;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    display: inline-block;
    position: relative;
    z-index: 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .2), inset 0 0px 0 rgba(255, 255, 255, .6);
    margin: 0px;
    padding: 0px;
}

.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
    list-style: none !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
    width: 50px;
    height: 50px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 66px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
    margin-bottom: 0px;
}

.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    font-size: 1.05em;
}

.cart_totals h2 {
    font-weight: bold;
    letter-spacing: -1px;
}

.cart-collaterals table,
.cart-collaterals table td,
.cart-collaterals table th {
    border: 0px;
}

.woocommerce-cart .woocommerce .cart_totals th {
    width: 60% !important;
    font-size: 14px;
    font-weight: bold;
}

.woocommerce-cart .woocommerce .cart_totals td {
    font-size: 14px;
}

.cart-collaterals h2 {
    font-size: 16px;
    font-weight: bold;
}

.cart-collaterals h2 a:hover {
    text-decoration: none !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
    font-size: 12px;
    line-height: 21px;
    border: 1px solid #e6e6e6 !important;
    background: none !important;
    box-shadow: none !important;
    margin: 10px 0px 20px 0px !important;
    padding: 16px 15px 16px 45px !important;
    float: left;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.woocommerce-cart-form {
    float: left;
    width: 100%;
    margin-bottom: 0px !important;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before {
    border-radius: 3px !important;
    box-shadow: none !important;
    display: block !important;
    height: 31px !important;
    left: 15px !important;
    line-height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 11px !important;
    width: 31px !important;
    font-size: 21px !important;
    text-shadow: none !important;
}

.woocommerce #payment ul.payment_methods li,
.woocommerce-page #payment ul.payment_methods li {
    list-style: none !important;
}

.payment_methods label {
    width: auto !important;
    display: initial !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    border-top: 0px solid rgba(0, 0, 0, .1);
}

.chosen-single,
.chosen-single:hover {
    color: #222 !important;
    text-decoration: none !important;
}

.woocommerce .order_details li,
.woocommerce-page .order_details li {
    list-style: none !important;
}

.woocommerce-LoopProduct-link {
    float: left;
    width: 100%;
}

.woocommerce-LoopProduct-link:hover {
    color: #000;
    border: 0px;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .star-rating {
    float: right;
}

.woocommerce ul.products li.product .price {
    float: left;
    width: auto;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
    font-size: 18px;
}

.woocommerce-loop-product__title {
    font-size: 18px !important;
}

.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
    top: 1px;
}

.woocommerce .summary.entry-summary .star-rating::before,
.woocommerce .summary.entry-summary .star-rating span::before {
    top: 0px;
}

.button.wc-backward {
    color: #FFF !important;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    color: #222;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot th {
    border-collapse: collapse;
    background: #fff;
}

.woocommerce table.my_account_orders .order-actions .button,
.woocommerce-page table.my_account_orders .order-actions .button {
    color: #FFF !important;
}

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
    background: #007fef;
    color: #FFF !important;
    font-size: 15px;
    margin-right: 5px;
    padding: 0px 13px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-weight: 400;
    text-decoration: none !important;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
}

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a {
    background: #000;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    border: 0px solid #e0dadf;
}

.woocommerce ul.products li.product h3:hover,
.woocommerce-page ul.products li.product h3:hover {
    color: #222 !important;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    margin-top: 0px;
}

.woocommerce #content div.product .product_title,
.woocommerce div.product .product_title,
.woocommerce-page #content div.product .product_title,
.woocommerce-page div.product .product_title {
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #000;
    font-size: 35px;
}

.content_single_page p.price {
    font-size: 18px !important;
}

.single-product .main_title_wrapper {
    display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 10px;
}

.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
    float: left;
    width: 100%;
}

/*===================
contact 7 form
=====================*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 textarea,
.wpcf7 select {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 50px;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    padding: 8px 20px 8px;
    background-color: white;
    color: #333333;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    box-shadow: none;
}

.wpcf7 textarea {
    height: 130px;
}

/* Elementor custom ID */
div#mainsection {
    overflow-y: scroll;
}

@media screen and ( min-width: 212px) {
    /*213px显示屏样式 LG Optimus One*/
}

@media screen and ( min-width: 319px) {
    /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
}

@media screen and ( min-width: 359px) {
    /*360px显示屏样式 索尼Z1 Galaxy S5 HUAWEI  MATE20PRO*/
}

@media screen and ( min-width: 375px) {
    /*375px显示屏样式 苹果6 7 8 */
}

@media screen and ( min-width: 383px) {
    /*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/
}

@media screen and ( min-width: 393px) {
    /*393px显示屏样式*/
}

@media screen and ( min-width: 400px) {
    /*400px显示屏样式 华为 P20 pro*/
}

@media screen and ( min-width: 399px) {
    /*399px显示屏样式 三星galaxyNote*/
}

@media screen and ( min-width: 412px) {
    /*412px显示屏样式*/
}

@media screen and ( min-width: 414px) {
    /*414px显示屏样式 苹果6plus*/
}

@media screen and ( min-width: 423px) {
    /*424px显示屏样式 LG 4X */
}

@media screen and ( min-width: 479px) {
    /*480px显示屏样式 索尼MT27i Xperia sola*/
}

@media screen and ( min-width: 539px) {
    /*540px显示屏样式 MOTOROLA Droid3/4/Razr Atrix 4g*/
}

@media screen and ( min-width: 639px) {
    /*640px显示屏样式*/
}

@media screen and ( min-width: 720px) {
    /*720px以上显示屏样式*/
}

@media screen and ( min-width: 800px) {
    /*800px以上显示屏样式*/
}

@media screen and ( min-width: 1024px) {
    /*1024px以上显示屏样式*/
}

@media screen and ( min-width: 1080px) {
    /*1080px以上显示屏样式*/
}