/*
Theme Name: Sea Hercules
Author: Negan
Author URI: https://walkingdead.fandom.com/wiki/Negan_(TV_Series)
Description: Sea Hercules is a multipurpose Free Responsive WordPress Theme for creative bloggers & artist. It consists of Fullwidth Slider, Featured Posts, custom background, footer widget blog, custom color, social icons and welcome message in Homepage layout. Theme is beautifully handcrafted with minimalist design approach and based on Twitter Bootstrap and Underscore Framework. High quality clean code with Search Engine Optimized (SEO) and can be used as blog for businesses related to travel tour, health, yoga, gym,wedding, hair salons, furniture showcase, education, arts, sports and events etc. The theme can be customized from the Theme Options of Customizer and it comes with one click demo support. You may download this awesome and light weight theme. For support https://phantomthemes.com/support/ or view demo https://phantomthemes.com/view?theme=UltraBootstrap
Version: 1.2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultrabootstrap
Tags: full-width-template, two-columns, grid-layout,right-sidebar, custom-logo, theme-options, news, photography, post-formats, footer-widgets, featured-images, rtl-language-support, featured-image-header, custom-menu, flexible-header, editor-style, custom-header, threaded-comments, custom-background, custom-colors, blog

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.

ultrabootstrap is based on Underscores http://underscores.me/, (C) 2012-2015 phantomthemes.
Ultrabootstrap is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.single-post,
#secondary {
  display: none;	
}

body {
    line-height: 1.4!important;    
}

a:hover {
    text-decoration: none;
}


#menu-desktop-menu .menu-item a{
    color: #0a436b;
    font-weight: 600;
}

#menu-desktop-menu .menu-item.active a,
#menu-desktop-menu .menu-item.menu-item-has-children .dropdown-menu .menu-item.active a {
    color: #e93e42;
}

#menu-desktop-menu .menu-item a:hover,
#menu-desktop-menu .menu-item.menu-item-has-children .dropdown-menu .menu-item a:hover {
    color: #e93e42;
    text-decoration: none;
}

#menu-desktop-menu .menu-item.menu-item-has-children .dropdown-menu a {
    color: white;
    text-decoration: none;
}

#menu-desktop-menu .menu-item.menu-item-has-children .dropdown-menu {
    background: rgba(20, 65, 106, 0.9);
}

#menu-desktop-menu .menu-item.menu-item-has-children .dropdown-menu .menu-item {
    padding: 10px 10px 10px 20px;
}

.menu-product {
    color: white;
    font-weight: bolder;
}

.menu-product:hover {
    color: #0a436b;
    font-weight: bolder;
}

.menu-desktop-menu-container {
    display: block;
}

.navbar-text {
    position: absolute;
    right: 40px;
    color: white;
    top: 5px;
    font-size: 14px;
}

.line-text {
    height: 1px;
    background: white;
    max-width: 200px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.list-style-none { list-style: none; }

header {
    position: fixed;
    width: 100%;
    z-index: 1100;
    background: white;
    padding-top: 8px;
}

.background-gradient {
    background: none;
    width: 100%;
    height: 28px;
    line-height: 0;
}

#menu-mobile-menu .menu-item {
    padding: 10px 0px 10px 10px;
}

#menu-mobile-menu .menu-item.menu-item-has-children ul.dropdown-menu li.menu-item {
    border: 0px;
    padding: 10px 0px 2px 10px;
    font-size: 18px;
}

#menu-desktop-menu .menu-item {
    padding: 20px 10px 20px 10px;
}

.bg-title-container {
    width: 891px;
    position: relative;
    height: 100%;
    z-index: 100;
}


.bg-container {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.line-paragraph {
    max-width: 360px;
    width: 100%;
}

.title-container {
    color: white;
    position: absolute;
    top: 35vh;
    left: 80px;
    width: 60%;
}

.bg-second-product-services {
    position: absolute;
    height: 100vh;
    width: 100%;
    bottom: 0;
}

.bg-red-bg {
    width: 714px;
    position: absolute;
    bottom: 0;
    right:0;
    height: 240px;
    z-index: 200;
}

.bg-inside-max-width-container {
    margin-left: auto;
    color: white;
    max-width: 575px;
    width: 100%;
    padding-top: 10px;
}

.h5-title {
    font-weight: bolder;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    color: white;
}

.red-hightlight  h4 {
    color: #e93e42;
    font-size: 33px;
    font-weight: bolder;
}

.standard-up-down {
    padding-top: 60px;
    padding-bottom: 60px;
}

.standard-up-down .col-lg-8 {
    padding-top: 8px;
}

.standard-blue-border {
    border-top: 1px solid #0a436b;
    border-bottom: 1px solid #0a436b;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.about-title-max-width {
    max-width: 300px;
    width: 100%;
}

.about-btn {
    width: 240px;
    margin-left:auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.about-btn-2 {
    width: 240px;
    padding-bottom: 10px;
}

.semi-sub-red-menu a {
    color: #e93e42;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}

.semi-sub-red-menu div {
    margin-top: 8px;
}

.semi-sub-red-menu a:hover {
    color: #0a436b;
}

.margin-standard-others.fixed {
    position: sticky;
    top: 130px;
    width: 100%;
    z-index: 0;
}


.buttonfx {
    color: white;
    background: transparent;
    border: none;
    padding: 7px 20px;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 16px;
    line-height: 2;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
    font-weight: bolder;
}

.buttonfx:before,
.buttonfx:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(-111deg, #ea5c60 9%, #1a3e6a 0%);
    z-index: -1;
    transform: translate3D(0,-100%,0);
    transition: all .5s;
}

.buttonfx:before {
    background: linear-gradient(-111deg, #1a3e6a 9%, #ea5c60 0%);
    z-index: -2;
    transform: translate3D(0,0,0);
}

.buttonfx:hover {
    color: white;
}

.buttonfx:hover:after {
    transform: translate3D(0,0,0);
    transition: all .5s;
}

.slideleft:after {
    top: 0;
    z-index: -1;
    transform: translate3D(-101%,0,0);
}

.slideleft:hover:after {
    transform: translate3D(0,0,0);
    transition: all .5s;
}

span.wpcf7-list-item {
  margin: 0px!important;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.btb-btn {
    border: 1px solid #004f79;
    color: #004f79;
    padding: 10px 60px;
    background: white;
    transition: all .5s;
}

.catalogue-bg {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    background-color: #262626;
    width: 100%;
}

.catalogue-pic {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    width: 100%;
}

.catalogue-bg:hover > .catalogue-pic {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    background-color: #262626;
    opacity: 0.6;
    width: 100%;
    height: 100%;
}

.text-standard {
    color: black;
}

.btb-form {
    background: #eeeff0;
    color: #b1b0b1;
    width: 100%;
    padding: 8px 30px 8px 30px;
    border: 0px;
}

.btb-btn:hover {
    background: #004f79;
    border: 1px solid #004f79;
    color: white;
    transition: all .5s;
}

.margin-up {
    position: relative;
    z-index: 600;
    background: white;
}

.main-banner-top {
    padding-top: 130px;
	min-height: calc(100vh - 130px);
}

.title-container h1 {
    font-size: 30px;
}



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

    .bg-title-container {
        width: 65%;
    }
}

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

    .bg-title-container {
        width: 828px;
    }

    .bg-inside-max-width-container {
        font-size: 14px;
        max-width: 450px;
        height: 239px;
        padding-top: 62px;
    }
    .title-container {
        left: 40px;
    }
    
    .bg-red-bg {
        height: 276px;
    }
}

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

    .background-gradient {
        background: linear-gradient(to right, #e34153 50%,#14416a 50%);
    }

    .about-title-max-width {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .menu-desktop-menu-container {
        display: none;
    }

    .title-container {
        left: 0px;
    }

    .mobile-container {
        color: white;
        padding-top: 130px;
    }

    .bg-second-product-services {
        position: static;
        height: auto;
    }

    .mobile-bg-inside-red {
        padding-top: 30px;
        padding-bottom: 30px;
        color: white;
    }

    .about-title-max-width {
        max-width: 100%;
        width: 100%;
    }

    .no-padding-left-right {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    
    .no-container {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}


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

    .about-btn {
        max-width: 240px;
        width: 100%;
        margin-left:auto;
        margin-right: auto;
    }

    .mobile-container h1 {
        font-size: 1.9rem;
    }
}

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

    .background-gradient {
        background: #14416a;
    }
    
    .navbar-text {
        right: 0;
        left: 15px;
    }
}

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

    .navbar-text {
        width: 400px;
    }
}



/* Mobile Navigation */


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

  .logo-container {
    width: 170px;
    margin-top: -26px;
    margin-left: -8px;
  }

  .desktop-nav div div {
    z-index: 1000;
  }

  .mobile-nav {
    position: absolute;
    padding-right: 5%;
    padding-top: 30px;
    z-index: 2224;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: transparent;
  }

  .mobile-nav.active {
    background-color: white;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .nav-bars {
    top: 7px;
    left: 0;
    z-index: 1008;
    width: 20px;
    cursor: pointer;
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .nav-bars span,
  .nav-times span {
    background-color: black;
    height: 2px;
    width: 100%;
    float: left;
    margin-bottom: 4px;
  }

  .nav-inner {
    background: #f2f2f2;
    height: 100%;
    width: 100%;
    position: fixed;
    transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 8px 8px rgba(0,0,0,.15);
    opacity: 0;
    top: 0;
    padding-top: 160px;
  }

  .reveal-stealth { display: block;}
  .conceal { visibility: hidden;}
  .nav-reveal { opacity: 1; }


  .nav-inner ul {
    list-style-type: none;
    font-size: 21px;
    margin-left: 0px;
    font-weight: bolder;
  }

  .nav-inner ul a {
    color: black;
    text-decoration: none;
  }

  .nav-inner ul a:hover {
    color: black;
    text-decoration: none;
  }

  .nav-stick-bottom {
    position: absolute;
    bottom: 5%;
    color: black;
  }

  .accordian-open {
    cursor: pointer;
    color: black;
  }

  .arrow-is-here {
    font-size: 25px;
    color: black;
    margin-left: 12px;
  }

  .arrow-right {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }

  .arrow-right-2 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }

  .border-nav .menu-item {
    border-bottom: 1px solid black;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .accordian-link {
    width: 100%;
  }

  .accordian-shown {
    display: none;
  }

  .accordian-open,
  .accordian-open-2,
  .accordian-open-3 {
    height: 30px;
  }

  .accordian-link {
    font-size: 17px;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #menu-mobile-menu {
      margin-left: -35px;
  }
}


.botton-decro-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
}

.standard-up-down .text-center {
    font-size: 13px;
}

.download-content img{
	height:300px;
	object-fit:cover;
}
.download-box {
	padding: 20px 0px;
}

.download-box a{
	color: #0a436b;
}

.download-box a:hover{
	color: #e93e42;
	text-decoration:none;
}
.download-box a img{
	width:30px;
}
.download-box a:first-child .border-box{
	border-top: 1px solid #000;
}
.download-box a .border-box{
	border-bottom: 1px solid #000;
}