/*!
Theme Name: Leonard Hudson Accesories - Landing Page
Theme URI: http://bags.leonardhudsonaccessories.com
Author: Leonard Hudson Accesories
Author URI: badgemill.com
Description: Leonard Hudson Accesories
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: LeonardHudson
Tags: Leonard Hudson Accessories have been supplying school bags of different types for literally decades and we know how important it is for all stakeholders, children, teachers and parents to have robust carriers to withstand the daily wear and tear of school life.

*/ 


.woocommerce-breadcrumb {
    display: inline;
    position: absolute;
    left: 15px;
    margin-top: 33px;
    z-index: 9999;
    font-size: 15px;
    font-weight: bold;
}
.cat__thumb img {
    max-height: 230px;
    width: auto;
}
.cf-footer {
    max-width: 100%;
    width: 700px;
    margin: 0 auto;
}
.cf-footer input.btn {
    height: auto !important;
}
.cf-footer label {
    font-size: 14px;
}
.cf-footer input {
    height: 40px;
    font-size: 18px;
    color: #333;
    border: 1px solid #e2e2e2;
}
.cf__gq__wrapper {
    background: #eeeeee;
    padding-bottom: 15px;
    margin: 0;
}
.cf__gq__wrapper .input-lg {
    height: 40px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
    border: none;
}
.cf__gq__wrapper h2 {
    font-weight: 700;
    font-size: 1.7em;
    color: #04214a;
    text-align: center;
    margin-top: 15px;
}
.product__meta_general ul {
    margin-left: 0;
    padding-left: 0;
}
.product__meta_general ul li {
    list-style: none;
    margin: 0;
    padding-bottom: 12px;
    font-size: 16px;
    color: #636363;
    font-weight: 400;
    font-style: normal;
}
.product__meta_general ul li:before {
    content: "\f046";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: #4fa468;
    margin-right: 12px;
    font-size: 15px;
    vertical-align: middle;
}
.general-thumb img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.product__meta img {
    display: inline-block !important;
}
.product__meta .wpb_single_image .vc_figure {
    width: 50px;
}
.product__meta .wpb_single_image .vc_figure img.general-thumb{
    width: 400px !important;
}
.product__meta h3 {
    color: #04214a;
    font-size: 21px;
    margin-top: 10px;
}
.product__meta .wpb_single_image.vc_align_left {
    display: inline !important;
    text-align: center;
}
.product__meta .wpb_single_image .vc_figure-caption {
    font-size: 12px;
    margin-bottom: 10px;
}
.contact__meta {
    float: right;
    padding-top: 45px;
}
.contact__meta a {
    color: #06377b !important;
    font-weight: bold;
    font-size: 17px;
}
.contact__meta a:hover {
    color: #0769cb !important;
}
.contact__meta .fa {
    margin-right: 10px;
}
.carousel-slider .carousel-slider__caption {
    position: absolute;
    left: 50%;
    margin-top: -50px !important;
}
.carousel-slider .carousel-slider__caption .caption {
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0 0;
    text-align: center;
    position: relative;
    left: -50% !important;
    padding-bottom: 20px;
}
.vc_btn3.vc_btn3-color-success, .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    font-weight: 600 !important;
    font-family: 'Proxima Nova' !important;
    text-transform: uppercase !important;
    background-color: #37a000 !important;
    border-color: #37a000 !important;
    font-size: 22px !important;
    white-space: normal !important;
    padding: 20px 50px;
}

.lha-contact-form br {
    display: none;
}
.btn-success {
    background-color: #37a000;
    border-color: #37a000;
}
.carousel-slider .owl-stage-outer {
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
}
.vc_images_carousel .vc_carousel-inner {
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
}
.hero-text p {
    margin: 20px 0;
    font-weight: 300;
    font-size: 17px;
    color: #44505d;
    line-height: 1.6;
    letter-spacing: .011em;
    font-family: 'Proxima Nova', Georgia, sans-serif;
}
.wpcf7-form-control-wrap {
    position: static !important;
}
.wpcf7-form-control-wrap br { display: none !important; }

#custom-nav .container {
    padding-top: 0;
    padding-bottom: 25px;
    -webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
    -moz-transition: padding-top .5s ease, padding-bottom .5s ease;
    transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
}

#custom-nav {
    background-color: rgba(85, 180, 199, 0);
    border: 0;
    box-shadow: none;
    z-index: 99999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background .5s ease-in-out, opacity .5s ease;
    -moz-transition: background .5s ease-in-out, opacity .5s ease;
    transition: background .5s ease-in-out, opacity .5s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    padding: 20px;
}

span.wpcf7-not-valid-tip {
color: #ff0505;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    z-index: 999;
    position: relative;
}
.wpcf7-not-valid-tip select {
    color: #333 !important;
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 50px;
    z-index: 999;
    position: relative;
}
div.wpcf7-validation-errors {
    border: none;
    background: #e91a1a;
    border-radius: 4px;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 13px;
}


.modal-content h3 {
    font-size: 20px;
    color: #0b2242;
    text-align: center;
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0;
}
.modal-title {
    line-height: 1.42857143;
    font-size: 20px;
    color: #0b2242;
    text-align: center;
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0;
}
.modal-content img {
    max-height: 300px;
    border-radius: 4px;
    width: auto;
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.badge-left {
    float: left;
}
.badge-right {
    float: right;
}
.popover{
    width: 100%;
}
.popover-content img {
    height: 100px;
    width: auto;
}
.btn-popover {
    padding: 0;
    position: absolute;
    margin-top: 6px;
    z-index: 0;
    margin-left: -24px;
    font-size: 16px;
    color: #0e83b0 !important;
    cursor: pointer;
}
.vc_btn3.vc_btn3-color-success.vc_btn3-style-modern {
        background-color: #5cb85c;
    border: #5cb85c;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    font-weight: 600;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 0.9em;
    background-image: none !important;
    letter-spacing: 1.3px;
}
.vc_toggle_default .vc_toggle_icon {
    background: #0b2242;
    border: #0b2242;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.vc_toggle_default .vc_toggle_icon::after, .vc_toggle_default .vc_toggle_icon::before {
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #0b2242;
}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
    padding-left: 24.2px;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 20px 15px !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.contact-home {
    background: #fff;
    padding: 20px 20px !important;
    border-radius: 4px;
}
.contact-home h6, .contact-vc h6 {
    margin: 40px 0 30px 8px !important;
    font-weight: bold;
    font-size: 13px;
}
.fg-default.fg-gutter-20 {
    padding-left: 0;
}
.contact-vc {
    background-color: rgba(255,255,255,0);
    padding: 30px 20px;
    box-shadow: 0 22px 33px -17px rgba(0, 51, 161, 0.22);
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}
.contact-wrapper {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 4px;
}

.contact-vc p, .contact-home p, .common-cf p {
    font-size: 17px;
    margin-top: -20px;
    padding-left: 9px;
}

.contact-vc h3, .contact-home h3, .common-cf h3 {
    text-align: center;
    margin: 0;
    font-family: 'Lato', sans-serif;
}
.common-cf label  {
    color: #0b2242;
    font-weight: bold;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
}

.common-cf button, input, select, textarea {
    border: 1px solid #b9d7e3;
    color: #5e6e7d;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9;
    width: 100% !important; 
}

.contact-vc .input-lg, .contact-home .input-lg, .common-cf .input-lg {
    margin-bottom: -15px;
    height: 36px;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    border: 1px solid #dfdfdf;
    color: #5e6e7d;
    font-weight: 400;
    font-size: 13px;
}
 
.internal-title h2 {
    font-size: 58px;
    line-height: 65px;
    margin: 0;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -0.04em;
    color: #fff;
    padding: 40px 0;
    text-align: center;
}
.content-page-background {
    margin-top: 80px;
    height: 300px;
}
.cf-date {
    margin-bottom: -15px;
    height: 36px;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    border: 1px solid #dfdfdf;
    font-size: 13px;
    line-height: 1.3333333;
    width: 100%;
    color: #5e6e7d;
    border-radius: 5px !important;
    display: inline-block;
}
select {
    margin-bottom: -15px;
    height: 36px;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    border: 1px solid #dfdfdf;
    font-size: 13px;
    line-height: 1.3333333;
    width: 100%;
    color: #5e6e7d;
    border-radius: 5px !important;
    display: inline-block;
    z-index: 999;
}
.item p {
    font-weight: bold;
    color: #0b2242;
    font-family: 'Lato', sans-serif;
    text-align: center;
}
.optin {
    background: #b9d7e3;
}
.owl-item {
    background: #fff;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.testimonials {
    background: #ECF1F3;
}
span.testimonials__title {
    color: #0b2242;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.owl-carousel.owl-drag .owl-item {
    text-align: center;
}
.faq p {
    padding-left: 15px;
}
.faq h2 {
    margin-bottom: 45px !important;
}
.panel-default>.panel-heading {
    color: #0b2242;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: transparent;
    border-radius: 4px;
    box-shadow: 0 22px 33px -17px rgba(12, 28, 63, 0.18);
}
.fa-spoiler {
    font-weight: 400 !important;
    font-size: 16px;
    position: relative;
    line-height: 2;
}
.btn-spoiler {
    background: transparent;
    border: transparent;
    color: #0b2242;
    padding: 15px 20px !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    border: 2px solid #f5f5f5;
    background: #f5f5f57d;
}
div.wpcf7 .ajax-loader {
    display: none;
}

#primary .contact-wrapper {
    background-color: rgba(255,255,255,0);
    padding: 30px 20px;
    box-shadow: 0 22px 33px -17px rgba(0, 51, 161, 0.22);
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}
.contact-wrapper {
    background: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 4px;
}

.contact-wrapper p {
    font-size: 17px;
    margin-top: -20px;
    padding-left: 9px;
}

.contact-wrapper h3 {
    text-align: center;
    margin: 0;
    font-family: 'Lato', sans-serif;
}

.contact-wrapper .input-lg {
    margin-bottom: -15px;
    height: 36px;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    border: 1px solid #dfdfdf;
    color: #000;
    font-weight: 700;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #5e6e7d !important;
    font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size: 13px;
    color: #5e6e7d !important;
    font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size: 13px;
    color: #5e6e7d !important;
    font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
    font-size: 13px;
    color: #5e6e7d !important;
    font-weight: normal;
}

#wpcf7-f5-p44-o1 {
    margin-top: -20px;
}
label {
    color: #2a3d69;
    font-weight: bold;
    display: block;
}
button, input, select, textarea {
    border-radius: 3px;
    padding: 4px 10px;
}
.entry-footer {
    display: none;
}
.entire-page {
    padding-top: 0;
}
.entire-page img {
    max-width: 100%;
    height: auto;
    display: block;
}
.entire-page h1 {
    color: #bb2a2d;
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -0.04em;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}
.entire-page p {
    color: #786e65;
    font-size: 14px;
    line-height: 20px;
}
.about-wrapper {
    box-shadow: 0 22px 33px -17px rgba(12, 28, 63, 0.23);
    z-index: 5;
    position: relative;
}
.about-wrapper h2, .service h2, .faq h2, .testimonials h2, .optin h2, .finishing h2, .internal h2  {
    font-weight: 700;
    font-size: 36px;
    color: #0b2242;
    margin-bottom: 30px;
}
p.lead {
    font-weight: 300;
    font-size: 20px;
    color: #5e6e7d;
    line-height: 1.78;
    letter-spacing: .015em;
    padding: 0 0 30px 0;
}
.about h4, .finishing h4 {
    color: #0b2242;
    font-weight: 700;
    letter-spacing: -0.04em;
    font-size: 24px;
}
.about {
    padding-right: 40px
}
.about img {
    padding-bottom: 25px;
}
.mission {
    background: #ECF1F3;
}
.service {
    background: #ECF1F3; 
}
ul.services-list {
    
}
ul.services-list li {
list-style: none;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 20px;
    color: #5e6e7d;
    letter-spacing: .015em;
}
.service-icon img {
    display: inline-block;
    float: left;
    margin-top: 6px;
    margin-right: 20px;
}

img.services-main, .services-main img {
        -webkit-box-shadow: 0px 2px 5px 0px rgba(81, 81, 81, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(81, 81, 81, 0.1);
    border-radius: 5px;
}

/* This is the existing CSS... */
.navbar-fixed-top {
  position: fixed;
  top: 0;
}
/* Here's the new CSS to add... */
.admin-bar .navbar-fixed-top {
  top: 32px;
}
.cw {
    
}

/* List */

.hero h1  {
    font-size: 28px;
    line-height: 65px;
    margin: 0;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #fff;
    padding-top: 182px;
}
.hero h2 {
    font-size: 58px;
    line-height: 65px;
    margin: 0;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -0.04em;
    color: #fff;
    padding-top: 20px;
}
h3.hero-head {
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    margin-top: 30px;
}

p.phone {
    font-size: 20px;
    line-height: 24px;
}

.brand-footer img {
margin-top: 24px;
}

a.link-col:hover h2 {
    color: #000 !important;
}
a.link-col:hover .btn-outline {
    color: #000 !important;
    border: #000 2px solid !important;
}
.btn-outline {
    font-weight: 700 !important;
    font-style: italic !important;
    letter-spacing: -0.04em !important;
    padding: 3px 8px !important;
    border: #bb2a2d 2px solid !important;
    color: #bb2a2d !important;
    display: inline-block !important;
    font-size: 16px !important;
    background: transparent !important;
    border-radius: 0;
}
.btn-submit {
    border-radius: 4px !important;
    padding: 12px 20px !important;
    font-weight: 600;
    font-family: 'Proxima Nova';
    text-transform: uppercase;
}
body, html {
    font-family: 'Proxima Nova', Georgia, sans-serif;
    font-size: 20px;
    background: #fff;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}
.row + .row {
    margin-top: 20px;
}
strong {
    font-weight: 700;
}    

/* Forms */

textarea.form-control {
    height: 100px !important;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    border: none;
    color: rgba( 0, 0, 0, 0.702 );
    border-radius: 8px;
    font-size: 19px;
    color: #5e6e7d;
    font-weight: 400;
    font-size: 13px;
}
.form__input__price {
    margin: 0 auto;
    display: block;
    height: 55px;
    width: 100%;
    color: #222;
    border-radius: 5px;
    border: 1px #dbdbdb solid;
    font-size: 18px;
    box-shadow: 5px 7px 30px 0px rgb(209, 209, 209);
    padding: 20px;
}

/* Sections */

.hero {
    background-size: cover !important;
    background-position: center center !important;
    height: 860px;
    width: auto;
}

/* Nav */

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}
.nav-tabs, .nav-pills {
    text-align:center;
    margin-bottom: 60px;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #3f4245;
    cursor: default;
    background-color: #cfe0ed;
    border: 1px solid #cfe0ed;
    border-bottom-color: transparent;
    box-shadow: 5px 7px 30px 0px rgba(209, 209, 209, 0.5);
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px dotted #cfe0ed;
    font-weight: 300;
}
.navbar-toggle {
    padding: 10px;
    margin-top: 70px;
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

a:link, a:visited {
color: #0769cb;
        border-bottom: 0 !important;
    border-bottom-color: transparent !important;
}
a:focus {
        border-bottom: 0 !important;
    border-bottom-color: transparent !important;
}
a:hover {
    border-bottom: 0 !important;
    border-bottom-color: transparent !important;
    text-decoration: none;
    color: #003366;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0px0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.navbar-default .navbar-nav>li>a {
    color: #06377b !important;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
}
.social-icons a:hover, .navbar-default .navbar-nav>li>a:hover {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0px0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;   
    color: #141510 !important;
}
.sticky-navbar {
    background-color: #fff;
  /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
    height: 110px;
}
.sticky-navbar.sticky {
    background-color: #fff;
    height: 110px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
    transition: background-color .5s ease 0s;
}
ul.dropdown-menu {
    background-color: black;
}
a.anchor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

/* Buttons */

.btn {
    font-size: 17px;
    border-width: 1px;
    padding: 18px 24px;
    letter-spacing: 1.3px;
}
.btn:hover {
   -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0px0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;   
}
.btn-fill {
    z-index: 5;
    position: relative;
    border-radius: 50px;
    color: #fff !important;
    font-size: 0.9em;
    white-space: normal !important;
}
.btn-flat {
    padding: 20px 0 3px 0 !important;
    margin-bottom: 17px;
    border-bottom: 1px #bdbdbd dashed;
}
.btn-lg {
    padding: 22px 54px !important;    
}
.btn-sm {
    padding: 12px 24px !important;
}
.btn-xs {
    padding: 8px 14px !important;
}
.btn-link {
    color: #0769cb;
}
.btn-default {
    border-color: #036;
}
.btn-default:hover {
    color: #fff;
    background-color: #003366;
    border-color: #003366;
}
/* Typography */

h1,h2,h3,h4,h5,h6 {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: 'Proxima Nova', Georgia, sans-serif;
}
.small, small {
    line-height: 1.95;
}
h1 {
    font-size: 72px;
    z-index: 998;
    color: #000;
    line-height: 1.125;
    margin-bottom: 30px;
    font-family: 'Sylfaen', Georgia, sans-serif;
    font-weight: bold;
}
h2 {
    font-size: 50px;
    color: #131313;
    margin: 0 0 20px;
}
.pages h2 {
    font-size: 40px;
    color: #000;
    margin-bottom: 40px;
}
h3 {
    margin: 54px 0 20px 0;
    color: #131313;
    font-weight: 600;
    font-size: 26px;
}    
h4 {
    font-size: 18px;
    margin: 20px 0 15px 0;
    color: #06357a;
    letter-spacing: .015em;
    font-weight: normal;
}
h4.strong {
    font-weight: 700 !important;
}
section h4 {
    margin: 0;
}
h5 {
    font-size: 16px;
    line-height: 1.95;
}
p {
    margin: 20px 0;
    font-weight: 300;
    font-size: 18px;
    color: #5e6e7d;
    line-height: 1.78;
    letter-spacing: .015em;
}

p.lead__title { 
    text-align: center;
    padding: 25px 0 40px;
}
span.small {
    color: white;
    padding-left: 10px;
    display: inline-block;
}
#vc_license-activation-notice {
    display: none !important;
}

/* === Navigation === */

.navbar-nav {
    padding-top: 36px;
    margin-right: 22px;
}
#nav {
    margin-bottom: 0px;
    z-index: 999;
    position: relative;
}
.navbar-default {
    background-color: #fff;
    box-shadow: 0 0px 5px rgba(215, 215, 215, 0.65);
}
.navbar-default .navbar-nav > .active>a {
    color: rgb(7, 105, 203);
    border-bottom: 1px rgba(0, 51, 102, 0.25) solid;
    background-color: #fff;
}
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #003366;
}
.navba-inverse .navbar-nav>.active>a:focus {
    color: #fff;
}
.navbar-brand {
    padding: 28px 0 0 0;
    margin-left: 0;
}
.navbar-brand-alt {
    padding: 28px 0 0 0;
    margin-left: 0;
    height: 100px;
    width: 100px;
}

.navbar-right {
    float: right!important;
    padding: 30px;
}
.navbar-inverse .navbar-nav>li>a {
    background-color: transparent;
    font-size: 16px;
    padding: 44px 30px 40px 0;
    color: #0b2242;
    font-weight: 600;
    letter-spacing: -0.04em;
    font-family: 'Montserrat';
}
.navbar-inverse .navbar-nav>li>a.active {
    color: #bb2a2d;
}

.navbar-inverse .navbar-nav>li>a.active:before {
position: absolute;
    display: block;
    content: ' ';
    font-size: 0;
    line-height: 0;
    width: 27px;
    height: 6px;
    top: 63px;
    left: 0;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #bb2a2d;  
}
.header-top {
    background-color: #bb2a2d;
    padding: 20px;
    z-index: 999;
    position: relative;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
}

div.wpcf7 input[type="file"] {
    font-size: 17px;
    font-weight: 300;
    color: #5e6e7d;
    padding-left: 0;
    border: none;
}
/* === Footer === */

footer {
    background: #06357a;
    padding: 50px 0 50px 0;
}
footer p {
color: #dddddd;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.7;
}

footer a:link {
    color: #b8b8b8;;
}
footer a:hover {
    color: #7aaebe;
}


.footer-col {
    padding-left: 60px;
}
/* ========= Social Icons Color ========= */

a.facebook { color: #3b5998; }
a.facebook:hover { color: #3b5998 !important; }
a.twitter { color: #1da1f2; }
a.twitter:hover { color: #1da1f2 !important; }
a.dribble { color: #ea73a0; }
a.dribble:hover { color: #ea73a0 !important; }
a.pinterest { color: #d73532; }
a.pinterest:hover { color: #d73532 !important; }
a.google { color: #dd4b39; }
a.google:hover { color: #dd4b39 !important; }
a.tumblr { color: #2a445f; }
a.tumblr:hover { color: #2a445f !important; }
a.instagram { color: #82685a; }
a.instagram:hover { color: #82685a !important; }
a.rss { color: #f79638; }
a.rss:hover { color: #f79638 !important; }
a.linkedin { color: #0077b5; }
a.linkedin:hover { color: #0077b5 !important; }
a.youtube { color: #f00; }
a.youtube:hover { color: #f00 !important; }

.custom-fluid {
    padding: 0 180px;
}
.custom-container {
    padding: 0 240px;
}

/* === MEDIA QUERIES === */

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

.custom-container {
width: 100%;
}
.responsive-container {
width: 100%;
}
 .image--query {
width: 100%;
margin: auto;
}   
.custom-md-4 {
width: 100%;
}
}


/* Mb */

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

.image--query {
width: 100%;
margin: auto;
}
  
.custom-md-4 {
width: 100%;
}
}


@media screen and ( max-width : 768px ) {
	h1 {
		font-size: 21px !important;
	}
    .navbar-nav {
        padding: 0;
        margin: 0;
    }
    .contact__meta {
        float: none;
        padding-top: 45px;
        margin-top: -40px;
    }
    .navbar-brand {
        padding: 28px 0 0 15px;
        margin-left: 0;
    }
    .hero {
        height: auto;
    }
    .hero h1 {
        1.5em;
    }
    .hero h2 {
        font-size: 2em;
    }
    div.wpcf7 input[type="file"] {
        font-size: 10px;
    }
.custom-fluid {
padding: 0 20px;
}
.custom-container {
padding: 0 20px;
}
.hero-container {
padding: 20px;
}
.hero-container h1 {
font-size: 3em;
}
.hero-container h4 {
padding-top: 100px;
color: #fff;
}
ul.nav-footer {
padding-left: 0;
}
    h1.entire-title {
    position: relative;
    margin-top: 80px !important;
    left: 0;
    font-size: 40px !important;
    text-align: center;
    line-height: 1.7 !important;
    }

}

/* Fix the top margin of toolbar when logged in */
/* @media screen and ( max-width : 600 ) {
.logged-in .navbar-fixed-top {
top: 42px;
}

} */

@media screen and ( max-width : 568px ) {
.pull-right {
text-align: center;
float: none !important;
}
.landscape-optin {
text-align: center;
margin-bottom: 20px;
}
.tablet-custom {
margin: 20px 0; 
}
.product img {
margin: 20px 0;
}
.footer-col {
padding-left: 20px;
}
.comodo {
float: none;
} 
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}
.opt-in__footer img {
display: block;
margin: 0 auto;
}
.price__data-o {
text-align: center !important;
}
.price__data-t {
text-align: center !important;
}
h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
.product-description__odd img {
position: relative;
height: auto;    
}
.product-description__odd__alt img {
position: relative;
height: auto;  
}
.product-description__even img {
position: relative;
height: auto;
}
.product-description-alt p {
padding-right: 0;
}
section {
padding: 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 30px;
}
.brands img {
padding: 20px 0;
width: 100px;
height: auto;
}
.brands {
box-shadow: none;
}
.custom-container {
width: 100%;
}
.image--query {
width: 100%;
margin: auto;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #06377b;
    margin-top: 5px;
    background: #fff;
    border-width: 3px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
}

/* iphone 5 Retina Display: for portrait */
@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:portrait) {

}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) 
and (-webkit-min-device-pixel-ratio : 3) 
{
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
.footer-col {
padding-left: 20px;
}
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}

h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
section {
padding: 40px 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 0;
}
.brands img {
padding: 20px 0;
width: 100px;
height: auto;
}
.brands {
box-shadow: none;
}
.custom-container {
width: 100%;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
.landscape-optin {
text-align: center;
margin-bottom: 20px;
}
}


/* iPhone 5 Retina Display: for landscape*/
@media screen and (device-aspect-ratio: 40/71) and (max-device-width: 640px) and (orientation:landscape) {
    .navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
.landscape-optin {
text-align: center;
margin-bottom: 20px;
}
.tablet-custom {
margin: 20px 0; 
}
.product img {
margin: 20px 0;
}
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}
.opt-in__footer img {
display: block;
margin: 0 auto;
}
.price__data-o {
text-align: center !important;
}
.price__data-t {
text-align: center !important;
}

h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
.product-description__odd img {
position: relative;
height: auto;    
}
.product-description__odd__alt img {
position: relative;
height: auto;  
}
.product-description__even img {
position: relative;
height: auto;
}
.product-description-alt p {
padding-right: 0;
}
section {
padding: 40px 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 0;
}
.custom-container {
width: 100%;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
} 
}

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
}


/* Portrait */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {

}


/* Landscape */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}

.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}

}

@media only screen 
    and (min-device-width : 375px) // or 213.4375em or 3in or 9cm
    and (max-device-width : 667px) // or 41.6875em
    and (width : 667px) // or 41.6875em
    and (height : 375px) // or 23.4375em
    and (orientation : landscape) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 667/375)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{
.pull-right {
text-align: center;
float: none !important;
}
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}
h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
section {
padding: 40px 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 0;
}
.brands img {
padding: 20px 0;
width: 100px;
height: auto;
}
.brands {
box-shadow: none;
}
.custom-container {
width: 100%;
}
.image--query {
width: 100%;
margin: auto;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}

}

/* 6+ */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
{
.pull-right {
text-align: center;
float: none !important;
}
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}
.opt-in__footer img {
display: block;
margin: 0 auto;
}

h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
section {
padding: 40px 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 0;
}
.brands img {
padding: 20px 0;
width: 100px;
height: auto;
}
.brands {
box-shadow: none;
}
.custom-container {
width: 100%;
}
.image--query {
width: 100%;
margin: auto;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
}


/* 6 */

@media only screen 
    and (min-device-width : 375px) // or 213.4375em or 3in or 9cm
    and (max-device-width : 667px) // or 41.6875em
    and (width : 667px) // or 41.6875em
    and (height : 375px) // or 23.4375em
    and (orientation : landscape) 
    and (color : 8)
    and (device-aspect-ratio : 375/667)
    and (aspect-ratio : 667/375)
    and (device-pixel-ratio : 2)
    and (-webkit-min-device-pixel-ratio : 2)
{
    .pull-right {
text-align: center;
float: none !important;
}
.pricing h4 {
padding-top: 20px;
border-top: 1px solid #d5dbdf;
margin-top: 10px;
}
.opt-in__footer img {
display: block;
margin: 0 auto;
}
.price__data-o {
text-align: center !important;
}
.price__data-t {
text-align: center !important;
}
h2 {
font-size: 1.6em;
}
.btn-flat {
font-size: 12px;
}
section {
padding: 40px 0;
}
.btn-fill {
padding: 10px !important;
font-size: 15px;
}
.hero-brand {
position: relative;
height: 300px;
top: 0;
}
#hero {
padding-bottom: 0;
}
.brands img {
padding: 20px 0;
width: 100px;
height: auto;
}
.brands {
box-shadow: none;
}
.custom-container {
width: 100%;
}
.navbar-default .navbar-toggle {
border: transparent;
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #7b1fa2;
margin-top: 5px;
}
h1 {
font-size: 2.3em;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
color: #000;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form .nav>li a {
color: #000;
}
}