/*
Theme Name: bb-youthmotors
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: The Youth Motorsports Foundation
Author URI: https://wordpress.org/
Description: Youth Motorsports Foundation brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bb-youthmotors
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/* CSS Document */

/* theme fonts goes here */
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap');

/* Table of Contents
-----------------------------------------------------------------------------
=> Clean Base
=> Base Typography
=> Images
=> Links
=> Forms
=> Tables
=> Framework
*/

/* Clean Base
------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,
header,hgroup,menu,a,nav,section,summary,time,mark,audio,video 
{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;outline:none;-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba( 0, 0, 0, 0 );}
html,body {-webkit-text-size-adjust:none;height: 100%;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block; }
iframe { vertical-align: top; }
textarea:focus,input:focus,a,div,img { outline: none; }
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Base Typography
------------------------------------------------------------------------------*/
body {color: #212529;font-size: 18px;font-family: 'Rajdhani', sans-serif;font-weight: 400;line-height: 1.5;background-color: #fff;display: flex;flex-wrap: wrap;min-height: -webkit-fill-available;height: auto;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body{height: 100%;}
}

address {font-style: normal;margin: 0 0 20px;}
pre {background-color: transparent;background-color: rgba(0, 0, 0, 0.01);border: 1px solid #eaeaea;border: 1px solid rgba(51, 51, 51, 0.1);line-height: 1.2;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 0.8em;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {color: #000;line-height: 1.2;font-family: inherit;}

.h1,h1 {font-size:62px;margin-bottom: 20px;}
.h2,h2 {font-size:52px;margin-bottom: 20px;}
.h3,h3 {font-size:36px;margin-bottom: 18px;}
.h4,h4 {font-size:30px;margin-bottom: 17px;}
.h5,h5 {font-size:24px;margin-bottom: 15px;}
.h6,h6 {font-size:20px;margin-bottom: 10px;}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a {color: inherit;text-decoration: none;}

p {font-size: 18px;font-family: inherit;font-weight: 500;line-height: 1.7;margin-bottom: 30px;}
p:last-child { margin-bottom: 0; }

ul { padding-left: 20px; }
ul li {padding-bottom: 10px;}
/*ul li:last-child{ padding-bottom: 0; }
*/
ol { padding-left: 20px; }
ol li { padding-bottom: 10px; }
ol li:last-child{ padding-bottom: 0; }

.main-content ul,.main-content ol{ padding-bottom: 15px; }
.main-content ul ul,.main-content ul ol,.main-content ol ol,.main-content ol ul{padding-top: 10px;padding-bottom: 0;}

.main-footer ul, .main-footer li, .main-footer a, .main-footer span{font-family: 'Open Sans', sans-serif;font-size: 14px;}
blockquote {display: block;text-align: left;position: relative;background: #f3f3f3;padding: 20px 20px;border-left: 4px solid #3146b1;line-height: 2;font-size: 20px;font-style: italic;margin-bottom: 25px;}

.bold-fnt{font-weight: normal;font-family: 'Open Sans', sans-serif;}
.normal-fnt{font-weight: normal;}

blockquote p {font-size: inherit;font-weight: inherit;line-height: inherit;}

hr {border: 0 #000 solid;border-top-width: 1px;clear: both;height: 0;margin: 10px auto 40px;}

img {border: none;max-width: 100%;height: auto;display: inline-block;vertical-align: top;}
img[src$=".svg"] {width: 100%;height: auto;display: inline-block;vertical-align: top;}

/* Link
------------------------------------------------------------------------------*/
a {color:#df454b;transition: background-color 0.3s ease 0s, color 0.3s ease 0s;}
a:hover {color:#000;text-decoration: underline;}
a:focus { outline: none; }

/* 5. Forms
------------------------------------------------------------------------------*/
label {color: #000;font-size: 16px;font-weight: 400;line-height: 1.5;margin-bottom: 10px;display: block;}

input,
textarea,
button { font-family: 'Open Sans', sans-serif;  }
input[type="text"],input[type="submit"],input[type="button"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],textarea {-webkit-appearance: none;outline: none;}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],textarea {border: 1px solid #dedede;padding: 0 15px;color: #000;font-size: 16px;height: 46px;font-weight: 400;width: 100%;}
textarea {height: 150px;resize: none;overflow: auto;padding: 20px 15px;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus {border-color: #66afe9;outline:none;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;padding: 0 15px;height: 40px;font-size: 14px;line-height: 1.5;text-align: center;border: none;text-transform: uppercase;border-radius: 0px;color: #fff;background-color: #0eb769;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {background-color: #66afe9;color: #fff;outline:none;}input[type="search"] { -webkit-appearance: textfield; }input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder {opacity: 1 !important;color: #000;}
:-moz-placeholder {opacity: 1 !important;color: #000;}
::-moz-placeholder {opacity: 1 !important;color: #000;}
:-ms-input-placeholder {opacity: 1 !important;color: #000;}

/* row and column */
.row {display: flex;flex-wrap: wrap;margin-right: -20px;margin-left: -20px;}
[class*="cell-"] {padding-left: 20px;padding-right: 20px;position: relative;width: 100%;}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="cell-"] {padding-right: 0;padding-left: 0;}

/* align item */
.d-flex {display: flex;flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.align-items-center {align-items: center;}
.align-content-center {align-content: center;}
.align-items-end {align-items: flex-end;}
.justify-content-center {justify-content: center;}
.justify-content-end {justify-content: flex-end;}
.justify-content-between {justify-content: space-between;}
.justify-content-around {justify-content: space-around;}
.d-flex img {align-self: center;}

/* column structure */
/* ----- Extra small devices 640px ----- */
.cell-12 { width: 100%; }.cell-11 { width: 91.66666667%; }.cell-10 { width: 83.33333333%; }.cell-9 { width: 75%; }.cell-8  { width: 66.66666667%; }.cell-7  { width: 58.33333333%; }.cell-6  { width: 50%; }.cell-5  { width: 41.66666667%; }.cell-4  { width: 33.33333333%; }.cell-3  { width: 25%; }.cell-2  { width: 16.66666667%; }.cell-1  { width: 8.33333333%; }/* show and hide cell */.d-none {display: none;}.d-block {display: block;}

/* ----- Small devices 641px ----- */
@media ( min-width: 641px ) {.cell-sm-12 { width: 100%; }.cell-sm-11 { width: 91.66666667%; }.cell-sm-10 { width: 83.33333333%; }.cell-sm-9 { width: 75%; }.cell-sm-8  { width: 66.66666667%; }.cell-sm-7  { width: 58.33333333%; }.cell-sm-6  { width: 50%; }.cell-sm-5  { width: 41.66666667%; }.cell-sm-4  { width: 33.33333333%; }.cell-sm-3  { width: 25%; }.cell-sm-2  { width: 16.66666667%; }.cell-sm-1  { width: 8.33333333%; }/* show and hide cell sm */.d-sm-none {display: none;}.d-sm-block {display: block;}}
/* ----- Medium devices 768px ----- */
@media ( min-width: 768px ) {.cell-md-12 { width: 100%; }.cell-md-11 { width: 91.66666667%; }.cell-md-10 { width: 83.33333333%; }.cell-md-9 { width: 75%; }.cell-md-8  { width: 66.66666667%; }.cell-md-7  { width: 58.33333333%; }.cell-md-6  { width: 50%; }.cell-md-5  { width: 41.66666667%; }.cell-md-4  { width: 33.33333333%; }.cell-md-3  { width: 25%; }.cell-md-2  { width: 16.66666667%; }.cell-md-1  { width: 8.33333333%; }/* show and hide cell md */.d-md-none {display: none;}.d-md-block {display: block;}}
/* ----- Large devices 1024px ----- */
@media ( min-width: 1024px ) {.cell-lg-12 { width: 100%; }.cell-lg-11 { width: 91.66666667%; }.cell-lg-10 { width: 83.33333333%; }.cell-lg-9 { width: 75%; }.cell-lg-8  { width: 66.66666667%; }.cell-lg-7  { width: 58.33333333%; }.cell-lg-6  { width: 50%; }.cell-lg-5  { width: 41.66666667%; }.cell-lg-4  { width: 33.33333333%; }.cell-lg-3  { width: 25%; }.cell-lg-2  { width: 16.66666667%; }.cell-lg-1  { width: 8.33333333%; }/* show and hide cell lg */.d-lg-none {display: none;}.d-lg-block {display: block;}}
/* ----- Extra Large devices 1200px ----- */
@media ( min-width: 1200px ) {.cell-xl-12 { width: 100%; }.cell-xl-11 { width: 91.66666667%; }.cell-xl-10 { width: 83.33333333%; }.cell-xl-9 { width: 75%; }.cell-xl-8  { width: 66.66666667%; }.cell-xl-7  { width: 58.33333333%; }.cell-xl-6  { width: 50%; }.cell-xl-5  { width: 41.66666667%; }.cell-xl-4  { width: 33.33333333%; }.cell-xl-3  { width: 25%; }.cell-xl-2  { width: 16.66666667%; }.cell-xl-1  { width: 8.33333333%; }/* show and hide cell xl */.d-xl-none {display: none;}.d-xl-block {display: block;}}

/* text alignment */
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}

/*--- cell padding ---*/
.p-0 { padding: 0 !important; }.pt-0,.py-0 {  padding-top: 0; }.pb-0,.py-0 { padding-bottom: 0; }.pl-0,.px-0{ padding-left: 0; }.pr-0,.px-0{ padding-right: 0; }/* cell padding 20px */.p-20 { padding: 20px; }.pt-20,.py-20 { padding-top: 20px; }.pb-20,.py-20 { padding-bottom: 20px; }.pl-20,.px-20 { padding-left: 20px; }.pr-20,.px-20 { padding-right: 20px; }/* cell padding 30px */.p-30 { padding: 30px; }.pt-30,.py-30 { padding-top: 30px; }.pb-30,.py-30 { padding-bottom: 30px; }.pl-30,.px-30 { padding-left: 30px; }.pr-30,.px-30 { padding-right: 30px; }/* cell padding 40px */.p-40 { padding: 40px; }.pt-40,.py-40 { padding-top: 40px; }.pb-40,.py-40 { padding-bottom: 40px; }.pl-40,.px-40 { padding-left: 40px; }.pr-40,.px-40 { padding-right: 40px; }/* cell padding 50px */.p-50 { padding: 50px; }.pt-50,.py-50 { padding-top: 50px; }.pb-50,.py-50 { padding-bottom: 50px; }.pl-50,.px-50 { padding-left: 50px; }.pr-50,.px-50 { padding-right: 50px; }/*--- cell margin ---*/.m-00 { margin: 0 !important; }.mt-0,.my-0 { margin-top: 0; }.mb-0,.my-0 { margin-bottom: 0; }.ml-0,.mx-0 { margin-left: 0; }.mr-0,.mx-0 { margin-right: 0; }/* cell margin 20px */.m-20 { margin: 20px; }.mt-20,.my-20 { margin-top: 20px; }.mb-20,.my-20 { margin-bottom: 20px; }.ml-20,.mx-20 { margin-left: 20px; }.mr-20,.mx-20 { margin-right: 20px; }/* cell margin 30px */.m-30 { margin: 30px; }.mt-30,.my-30 { margin-top: 30px; }.mb-30,.my-30 { margin-bottom: 30px; }.ml-30,.mx-30 { margin-left: 30px; }.mr-30,.mx-30 { margin-right: 30px; }/* cell margin 40px */.m-40 { margin: 40px;}.mt-40,.my-40 { margin-top: 40px; }.mb-40,.my-40 { margin-bottom: 40px; }.ml-40,.mx-40 { margin-left: 40px; }.mr-40,.mx-40 { margin-right: 40px; }/* cell margin 50px */.m-50 { margin: 50px; }.mt-50,.my-50 { margin-top: 50px; }.mb-50,.my-50 { margin-bottom: 50px; }.ml-50,.mx-50 { margin-left: 50px; }.mr-50,.mx-50 { margin-right: 50px; }

/* wordpress align class */
.alignnone {float: none;margin: 20px 0;}
.aligncenter {display: block;clear:both;margin:20px auto;}
.alignleft {float: left;margin: 0 20px 20px 0;}
.alignright {float: right;margin: 0 0 20px 20px;}
.align-center{text-align: center;}
.form-group { margin-bottom: 30px; }
.sec-top-footer-divider {position: relative;}
.sec-top-footer-divider:after {content: '';position: absolute;left: 0;top: 0;right: 0;height: 30px;width: 100%;z-index: 1;pointer-events: none;background-image: url(../images/footer-curve-line.png);background-repeat: no-repeat;background-position: center center;}

/* buttons */
.btn {display: inline-block;vertical-align: top;padding: 6px 12px;font-size: 14px;font-weight: 600;font-family: 'Open Sans', sans-serif;line-height: 1.52857143;text-align: center;border: none;text-transform: uppercase;border-radius: 0px;color: #fff;background-color: #00a957;transition: background-color 0.3s ease 0s, color 0.3s ease 0s;}
.btn:hover,.btn:focus {color: #231f20;background-color: #ffffff;border-color: #ffffff;text-decoration: none;}
.btn-sm { padding: 6px 12px; }
.btn-md { padding: 12px 24px; }
.btn-link {color: #98989c;text-transform: uppercase;font-size: 12px;font-weight: 700;letter-spacing: 2px;border-bottom: 1px solid #98989c;margin-bottom: 2px;}
.btn-link:hover,.btn-link:focus {color: #0eb769;font-weight: 700;text-decoration: none;border-bottom: 1px solid #0eb769;}
.btn-red {background: #df454b;padding: 12px 34px;font-size: 14px;border-radius: 4px;text-decoration: none;color: #ffffff;font-weight: 700;}
.btn-red:hover,.btn-red:focus{color: #ffffff;background-color: #00a957;border-color: #00a957;text-decoration: none;}
.btn-green{background: #2a9f63;padding: 16px 28px;font-size: 15px;text-decoration: none;color: #ffffff;}
.checkout-button, .button, .alt, .wc-forward {color: #ffffff !important; background: #2a9f63 !important;}
.btn-green:hover,.btn-green:focus{text-decoration: none;}
.btn-border{background: transparent;padding: 10px 20px;font-size: 14px;border: 3px solid #fff;border-radius: 5px;text-decoration: none;}
.btn-border:hover,.btn-border:focus{text-decoration: none;}
.btn-donate{background: #df454b; position: relative; padding: 12px 24px; margin-bottom: 25px; text-transform: uppercase; font-weight: 600; font-family: Poppins; font-size: 35px; }
.btn-donate:hover{ background: #2a9f63; color: #ffffff }
/* Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0;border-collapse: collapse;}
td {text-align: left;font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
.table-bordered {width: 100%;max-width: 100%;text-align: left;}
.table-bordered th,
.table-bordered td {vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* Layout Framework
------------------------------------------------------------------------------*/
/*--- main container ---*/
.wrapper {position: relative;display: flex;justify-content: space-between;align-content: space-between;width: 100%;min-height: 100%;flex-wrap: wrap;background-color: #fff;}
.main-container { width: 100%; }
.container,
.container-fluid {width: 100%;max-width: 1340px;margin: auto;padding-right: 40px;padding-left: 40px;}
.container-fluid { max-width: 100%; }
/* responsive nav for small devices */
.hamburger {display: flex;align-items: center;justify-content: center;padding: 0;margin: 0;height: 50px;width: 50px;background-color: transparent;text-align: center;}
.hamburger:not(.close) {position: absolute;top: 20px;right: 20px;z-index: 99;}
.hamburger:hover,
.hamburger:focus {background-color: transparent;outline: none;}
.hamburger .line {display: block;width: 30px;margin: 6px auto;height: 3px;background-color: #2c3bb8;}
.hamburger:hover { cursor: pointer; }
.hamburger .wrap { display: block; }
.hamburger.close { padding: 10px; }
.hamburger.close .wrap {position: relative;display: block;width: 25px;height: 25px;}
.hamburger.close .line {position: absolute;top: calc(50% - 2px);width: 100%;margin: 0;transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child { transform: rotate(-45deg); }
.menu-state {position: fixed;top: 0;bottom: 0;left: -100%;z-index: 999;width: 80%;max-width: 450px;background-color: #3146b1;transition: all 0.3s ease-in-out;}
.mobilenav.is-open .menu-state { left: 0; }
.mobilenav .nav-logo { padding: 15px; }
.mobilenav ul,
.mobilenav li {position: relative;padding: 0;margin: 0;list-style: none;}
.mobilenav ul ul { display: none; }
.mobilenav .caret {position: absolute;top: 3px;right: 2px;display: block;width: 36px;height: 36px;cursor: pointer;}
.mobilenav .caret:not(.trigger-caret) { pointer-events: none; }
.mobilenav .caret:before,
.mobilenav .caret:after {position: absolute;content: '';top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto;width: 14px;height: 2px;background: #fff;}
.mobilenav .caret:after {transform: rotate(-90deg);transition: all .2s ease;}
.mobilenav .is-open > .caret:after { transform: rotate(0); }
.mobilenav ul a {z-index: 2;display: block;padding: 10px 15px;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, 0.25);font-size: 16px;text-decoration: none;color: #ffffff;}
.mobilenav .has-sub > a { padding-right: 40px; }
.mobilenav li li a {padding-left: 30px;font-size: 15px;}
.mobilenav li li li a {padding-left: 50px;font-size: 14px;}
.mobilenav .nav-backdrop {position: fixed;z-index: -1;height: 100%;width: 100%;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;background: rgba( 0, 0, 0, 0.8 );}
.mobilenav.is-open .nav-backdrop {opacity: 1;z-index: 999;visibility: visible;}
.mobilenav .menu-outer {max-height: calc( 100vh - 80px );overflow-y: auto;padding-bottom: 60px;}

/*--- header ---*/
.main-header {width: 100%;height: auto;background-color: #fff;position: relative;}
.main-header:before {content: '';position: absolute;top: 0px;right: 0px;left: 0px;border-top:1px solid #f2f2f2;height: 8px;width: 100%;z-index: 1;opacity: 0.3;}
.header {padding: 15px 0px;background-color: #FFF;display: flex;justify-content: space-between;align-items: center;position: relative;}
.header-right {display: flex;}
.header-right-phone p {color: #df454b;margin: 0;font-family: inherit;font-size: 16px;text-transform: uppercase;opacity: 0.8;line-height: 1; font-weight: 600;
}
.header-right-phone:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 36px;height: 36px;display: block;background-image: url("assets/images/call.svg");background-repeat: no-repeat;background-size: cover;vertical-align: middle;transition: 0.3s ease 0s, color 0.3s ease 0s;z-index: 1;}
.header-right-phone a {color: #4161ac;font-size: 20px;font-weight: 700;text-decoration: none;font-family: inherit;    line-height: 1.5;}
.header-right-phone a:hover {color: #00a957;}
.header-right-phone {position: relative;padding-left: 55px;border-right: 1px solid #efefef;padding-right: 27px;}
.header-left a {display: block;position: relative;margin-top: -30px;}
.header-button {margin-left: 27px;position: relative;}
.header-button .btn-green:before {content: '';position: absolute;top: 50%;left: 20px;width: 20px;transform: translateY(-50%);height: 20px;margin-right: 0;background-image: url(assets/images/admin.svg);background-repeat: no-repeat;vertical-align: middle;transition: 0.3s ease 0s, color 0.3s ease 0s;z-index: 1;}
.header-button a:hover {background: #3146b1;}
.header-button a {position: relative;text-transform: capitalize;font-weight: 600;padding-left: 50px;padding-right: 18px;font-family: Poppins;}
.header-button a:hover {  color: #fff;}
.contact-on-header {position: relative;}

/* nav *//* drop-down */

.main-header nav {justify-content: space-between;display: flex;align-items: center;text-align: center;width: 100%;}
nav ul{width: 100%;padding-left: 0;}
nav ul li {display: inline-block;vertical-align: top;padding: 17px 0;position: relative;}
nav ul li a{ font-size: 17px;font-weight: 500;color: #fff;padding: 12px 10px;font-family: 'Rajdhani', sans-serif;}
nav ul li a:hover, a:focus{color: #fff;text-decoration: none;}
nav ul li a:after{content: "";position: absolute;height: 2px;width: 0;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #fff;transition: all ease 0.3s;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}
nav ul li a:hover:after, nav ul li a:focus:after{width:35px;}
nav ul.sub-menu li a:hover, a:focus{text-decoration: none;}
nav ul.sub-menu{position: absolute;top: 100%;left: 0;min-width: 150px;background: #231f20;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.5s;z-index: 1;text-align: left;   }
nav li:hover > ul.sub-menu{opacity: 1;visibility: visible;pointer-events: all; }
nav ul.sub-menu .sub-menu {left: 100%;top: 0;}
nav ul.sub-menu li{padding: 0;width: 100%;}
nav ul.sub-menu li:hover > a {background: #4365ac;}
nav ul.sub-menu li a{padding: 10px 15px;display: block;}
.main-header nav > ul > li > a:before {content: "";top: 50%;right: 0;width: 2px;height: 35px;border-right: 1px solid #6668d4;background: #192ba2;position: absolute;transform: translateY(-50%);}
.main-header nav > ul > li:last-child > a:before {display: none;}
.main-header nav ul > li.current-menu-item > a:after {content: "";position: absolute;height: 2px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #fff;transition: all ease 0.3s;width: 100%;max-width: 35px;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}
.main-header nav ul > li.current-menu-item .sub-menu li > a:after {content: "";display: none;}
.main-header nav ul .current-menu-item:hover > a:after {background-color: #df454b;}
/*.main-header nav ul .current-menu-item > a:hover:after {background-color: #df454b;}*/
.main-header nav ul .current-menu-parent > a:after {content: "";position: absolute;height: 2px;bottom: 0;left: 0;right: 0;margin: 0 auto;background-color: #fff;transition: all ease 0.3s;width: 100%;max-width: 35px;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}
.main-header .social-icons {background: #f9f9fb;padding: 5px 0;border-bottom: 1px solid #e6e6e6;display: flex;position: relative;width: 100%;}

.main-header .social-icons .top-bar {display: flex;align-items: center;justify-content: flex-end;margin: 0;padding: 0;}
.main-header .social-icons .top-bar li{border-radius: 100%;margin: 0 5px;padding: 0;list-style: none;position: relative;overflow: hidden;text-decoration:none;}
.main-header .social-icons .top-bar li a {height: 27px;width: 27px;display: flex;align-items: center;justify-content: center;text-decoration:none;color: #fff;background: #305091;    font-size: 14px;}
.main-header .social-icons .top-bar li a i {color: #fff;font-size: 12px;}
.main-header .social-icons .top-bar li .fab.fa-facebook-f {background: #3b5998;}
.main-header .social-icons .top-bar li .fab.fa-twitter {background: #38a1f3;}
.main-header .social-icons .top-bar li .fab.fa-linkedin-in {background: #0e76a8;}
.main-header .social-icons .top-bar li .fab.fa-instagram {background: #f09433;background-image: linear-gradient(to right top, #ffaa4c, #ff8b54, #ff6d63, #f15276, #d9408a);}
.main-header .social-icons .top-bar li .fab.fa-facebook-f:hover,.main-header .social-icons .top-bar li  .fab.fa-twitter:hover,.main-header .social-icons .top-bar li  .fab.fa-linkedin-in:hover,.main-header .social-icons .top-bar li  .fab.fa-instagram:hover{background: #00a651;}
.menu-box {margin: 0;padding: 0;position: relative;z-index: 9;background: #305091;background: -moz-linear-gradient(left, #305091 0%, #4365ab 100%);background: -webkit-linear-gradient(left, #305091 0%,#4365ab 100%);background: linear-gradient(to right, #305091 0%,#4365ab 100%);}
.menu-box.sticky {position: fixed;background: #3146b1;z-index: 99;right: 0px;left: 0px;top: 0px;transform: translate(0px, 45px);margin-top: -45px;transition: transform 0.5s ease;}

.main-footer {width: 100%;height: auto;background: #1e2436;line-height: normal;position: relative;}
.main-footer.sec-bottom-divider:after {content: '';position: absolute;left: 0;top:-23px;right: 0;height: 30px;width: 100%;z-index: 9;pointer-events: none;background-image: url("assets/images/footer-curve-line.png");background-repeat:repeat-x;background-position: center center;}
.main-footer .footer-wrapper {padding: 80px 20px 60px;}
.main-footer .footer-info {margin-bottom: 25px;}
.main-footer .h6 {margin-bottom: 28px;font-size: 24px;font-weight: 500;color: #fff;text-transform: capitalize;}
.main-footer .footer-info .address-info{display: inline-block;padding: 0;margin: 0;font-size: 15px;color: #c4c5c7;text-decoration: none;list-style: none;}
.main-footer .footer-info .address-info li{ margin-bottom: 10px;}
.main-footer .footer-info .add-line {display: inline-block;padding: 0;line-height: 2;margin: 0 0 20px 0;max-width: 200px;font-size: 14px;color: #c4c5c7;text-decoration: none;}
.main-footer .footer-info a {display: inline-block;padding: 0;margin: 0;font-size: 14px;color: #c4c5c7;text-decoration: none;}
.main-footer .footer-info a:hover{color: #00a957;}
.main-footer .social {padding: 10px 0;display: flex;position: relative;width: 100%;}
.main-footer .social {display: flex;align-items: center;padding-top: 20px;margin-top: 20px;}
.main-footer .social li{background: #2a69b7;border-radius: 100%;margin: 0px 12px 0 0;padding: 0;list-style: none;position: relative;overflow: hidden;}
.main-footer .social li:hover{background: #00a957 !important;}
.main-footer .social li a {display: flex;height: 40px;width: 40px;align-items: center;justify-content: center;color: #fff;font-size: 18px;background: #305091;}
.main-footer .social li a.fab{font-family: "Font Awesome 5 Brands";}
.main-footer .social li a i {color: #fff;font-size: 18px;}
.main-footer .social li .fab.fa-facebook-f {background: #3b5998;color: #fff;}
.main-footer .social li .fab.fa-twitter {background: #38a1f3;color: #fff;}
.main-footer .social li .fab.fa-linkedin-in {background: #0e76a8;color: #fff;}
.main-footer .social li .fab.fa-instagram {background: #f09433;background-image: linear-gradient(to right top, #ffaa4c, #ff8b54, #ff6d63, #f15276, #d9408a);color: #fff;}
.main-footer .social li .fab.fa-facebook-f:hover,.main-footer .social li  .fab.fa-twitter:hover,.main-footer .social li  .fab.fa-linkedin-in:hover,.main-footer .social li  .fab.fa-instagram:hover{background: #00a651;}
.main-footer .footer-info .menu {list-style: none;padding: 0;margin: 0;position: relative;column-count: 2;max-width: 480px;}
.main-footer .footer-info .menu li{margin: 1px 0;padding: 0;line-height: 1.8;}
.main-footer .footer-info .menu li:before {content: "";left: 0;color: #948d91;width: 12px;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;vertical-align: middle;border-bottom: 1px solid #948d91;}
.main-footer .footer-info .menu li a{display: inline-block;padding: 6px 0;margin: 0;font-size: 14px;color: #c4c5c7;text-decoration: none;padding-left: 14px;}
.main-footer .footer-info .menu li a:hover {color: #00a957;}
.footer-block.quick-links {padding: 0;width: 630px;}
.footer-block.contact-info {width: 300px;}
.footer-block.follow-section { padding-left:88px;width: 300px;}
.main-footer .footer-info .footer-logo {margin-top: 15px;}
.colors-link{display: block;width: 40px;height: 40px;border-radius: 100%;padding: 10px;background-color: #1a489f;transition: ease-in-out 0.3s;color: #2a2a2a;margin: 0 auto;text-align: center;position: relative;text-decoration: none;}
.copyright-block {padding: 13px 0px;background-color: #1a202f;position: relative;border-top: 1px solid #373f55;}
.copyright-block p{color:#8c8d90;font-size: 12px;}

/*--------- 404 page ---------*/
.content-area{padding: 50px 0;display: inline-block;position: relative;width: 100%;}
.error-404-pg .img-wrap{max-width: 390px; margin: 0 auto;}
.error-content .btn-red:hover {background: #00a957;color: #fff;}
.error-content h1,.error-content h2,.error-content h3 {margin: 0;}
.error-content ul{margin: 0;font-size: 15px;}
.error-content ul li{padding-top: 6px;padding-bottom: 6px;font-size: 18px;font-weight: 500;}
.error-content p {margin-bottom: 10px;letter-spacing: 0.6px;}

/*--------- home page ------------*/
/* banner part */
.hero-section  {position: relative;overflow: hidden;}
.hero-section:before {content: "";height: 25%;position: absolute;left: 0;top: 0;width: 100%;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);pointer-events: none;z-index: 1;transform: rotate(180deg);}
.hero-section .banner-slider img {width: 100%;object-fit: cover; height: 730px;}
.hero-wapper {position: relative;}
.hero-section .hero-wapper {background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-section .hero-block {height: 100%;min-height: 700px;display: flex;align-items: center;}
.heading-title {position: relative;color: #fff;text-align: center;margin-bottom: 0px;}
.hero-text-block .text-block {margin: 0 auto;text-align: center;position: relative;color: #fff;}
.hero-text-block h2{font-size: 62px;}
.text-block p{font-size: 24px;line-height: 1.7;margin-top: 0;position: relative;font-weight: normal;font-family: 'Rajdhani', sans-serif;}
.banner-slider .slick-arrow {font-size: 0;line-height: 0;z-index: 1;position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;padding: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);cursor: pointer;color: transparent;border: none;outline: none;background: rgba(40, 40, 40, 0.30);border-radius: 50%;transition: 0.3s ease;}
.banner-slider .slick-arrow:hover {background-color: #df454b;}
.banner-slider .slick-arrow:hover i:before {color: #fff;}
.banner-slider .slick-prev {left: 5%;}
.banner-slider .slick-next {right: 5%;}
.banner-slider .slick-prev i:before,.banner-slider .slick-next i:before {text-align: center;color: #b1a9a4;font-size: 38px;font-weight: 100;top: 50%;transform: translateY(-50%);}
.banner-slider .slick-prev i:hover:before,.banner-slider .slick-next i:hover:before {color: #fff;}

.welcome-section-main {position: relative;z-index: 1;padding: 90px 0;}
.welcome-section-main .sec-bottom-divider {position: relative;}
.welcome-section-main:after {content: '';position: absolute;left: 0;top:-23px;right: 0;height: 30px;width: 100%;z-index: 9;pointer-events: none;background-image: url("assets/images/layer.png");background-repeat:repeat-x;background-position: center center;}
.welcome-section-main .services-header { display: flex;position: relative;padding: 0 160px;}
.welcome-section-main .services-header .heading-title {color: #000;padding-bottom: 7px;position: relative;margin-bottom: 30px;}
.welcome-section-main .services-header .heading-title:after {right: 0;margin: 0px auto;max-width: 230px;}
.welcome-section-main .services-header .heading-title:after {right: 0;margin: 0px auto;}
.welcome-section-main .services-header .heading-title:before {content: "";height: 5px;width: 84px;background: #4c4d4f;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);}

.services-section-main {padding: 90px 0 50px;position: relative;z-index: 1;}
.services-section-main.title-with-content.sec-bottom-divider:after {content: '';position: absolute;left: 0;top:-23px;right: 0;height: 30px;width: 100%;z-index: 9;pointer-events: none;background-image: url("assets/images/services-curve-line.png");background-repeat:repeat-x;background-position: center center;}
.services-section-main .top-services {margin-left: -48px;margin-right: -48px;position: relative;}
.services-section-main .title-left {flex: 1 0 auto;padding: 0 105px 0 40px;position: relative;}
.services-section-main .title-left h2 {position: relative;padding-bottom: 15px;}
.services-section-main .title-left h2:after {content: "";height: 5px;width: 84px;background: #000;position: absolute;right: 0;bottom: 0;transform: skewX(-20deg);-ms-transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-ms-transform: skewX(-20deg);}
.services-section-main .content-right {width: 100%;padding: 0px 60px 0 30px;letter-spacing: 0.8px;justify-content: center;align-items: center;align-content: center;}
.services-category-block {width: 100%;position: relative;display: flex;z-index: 1;padding: 0 30px;}
.services-category {padding-top: 50px;width: 100%;}
.services-category-inner{padding-top: 24px;}
.img-block{height:110px;}
.services-category-inner .btn{min-width: 120px;}
.services-category-item {width: calc(33.3% - 30px);margin: 14px 14px;padding: 50px 50px 65px;border-radius: 20px 20px 0 0;position: relative;overflow: hidden;z-index: 1;background: -webkit-linear-gradient(0deg, #2632b5, #5981cd);background: linear-gradient(0deg, #2632b5, #5981cd);}
/*.services-category-item.bg-blue{background: -webkit-linear-gradient(0deg, #2632b5, #5981cd);background: linear-gradient(0deg, #2632b5, #5981cd);} 
.services-category-item.bg-green{background: -webkit-linear-gradient(0deg, #39a66e, #76c49b);background: linear-gradient(0deg, #39a66e, #76c49b);}
.services-category-item.bg-red{background: -webkit-linear-gradient(0deg, #d25254, #eb7064);background: linear-gradient(0deg, #d25254, #eb7064);}*/

.services-category-item:nth-child(3n+1){background: -webkit-linear-gradient(0deg, #2632b5, #5981cd);background: linear-gradient(0deg, #2632b5, #5981cd);} 
.services-category-item:nth-child(3n+2){background: -webkit-linear-gradient(0deg, #39a66e, #76c49b);background: linear-gradient(0deg, #39a66e, #76c49b);}
.services-category-item:nth-child(3n){background: -webkit-linear-gradient(0deg, #d25254, #eb7064);background: linear-gradient(0deg, #d25254, #eb7064);}

.services-category .services-title {display: block;position: relative;color: #fff;line-height: 1.5;width: 100%;text-transform: capitalize;margin-bottom: 30px;}
.services-category-item:after {content: '';position: absolute;left: 0;bottom: -6px;right: 0;height: 30px;width: 100%;pointer-events: none;background-image: url(assets/images/services-curve-line.png);background-repeat: repeat-x;background-position: center center;z-index: 9;}

.img-block .product-main-img {max-width: 120px;max-height: 110px;}
.intrested-motors-section {position: relative;z-index: 1;padding: 100px 0;}
.intrested-motors-section.sec-bottom-divider:after {content: '';position: absolute;left: 0;top:-20px;right: 0;height: 30px;width: 100%;z-index: 9;pointer-events: none;background-image: url("assets/images/layer.png");background-repeat:repeat-x;background-position: center center;}
.intrested-category h3 {line-height: 1.2;}
.intrested-category-item {width: 100%;max-width: 410px;position: relative;display: inline-block; margin-left: 10px;margin-top: 80px;}
.intrested-motors-section .row.reverse-block {display: flex;}
.intrested-motors-section .row.reverse-block.d-flex .cell-md-5 {align-items: center;align-content: center;align-self: center;}
.intrested-category-item .intrested-category span {color: #415cc2;font-size: 22px;font-weight: 500;display: block;text-align: center;margin-top: 10px;font-family: 'Open Sans', sans-serif;}
.intrested-category-item .intrested-category a {margin-top: 25px;padding-right: 35px;}
.small-block {position: relative;display: flex;padding-right: 35px;}
.first-block,.second-block{display: block;width: 100%;height: 100%;position: relative;padding: 5px;}
.small-block .first-block .block:nth-child(4n+1) {width: 100%;position: relative;margin: 10px 0;}
.small-block .first-block .block .bg-img-part {padding-top: 70%;position: relative;}
.small-block .first-block .block .bg-img-part img {border-radius: 15px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.small-block .first-block .block:nth-child(2) .bg-img-part {width: 100%;position: relative;padding-top: 100%;}
.small-block .second-block .block:nth-child(4n+1) {width: 100%;position: relative;margin: 10px 0;}
.small-block .second-block .block .bg-img-part {padding-top: 100%;position: relative;}
.small-block .second-block .block .bg-img-part img {border-radius: 15px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.small-block .second-block .block:nth-child(2) .bg-img-part {width: 100%;position: relative;padding-top: 70%;}
.bg-img-part:after {content: "";height: 100%;position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 15px;pointer-events: none;z-index: 1;background-color: rgba(0, 0, 0, 0.30);}

.intrested-category h2 {color: #212529;}
.map-main-section {padding:0;position: relative;z-index: 1;padding: 55px 0 90px 0;background: #3e3e3e;}
.map-main-section.sec-bottom-divider:after{content: '';position: absolute;left: 0;top: -4px;right: 0;height: 30px;width: 100%;z-index: 9;pointer-events: none;background-image: url(assets/images/services-curve-line.png);background-repeat: repeat-x;background-position: center center;transform: rotate(180deg);}
.acf-map {width: 100%;height: 670px;}

.scroll-to-top {position: fixed;bottom: 50px;right: 50px;width: 50px;height: 50px;font-size: 35PX;text-transform: uppercase;text-align: center;z-index: 100;cursor: pointer;color: #fff;background: #df454b;display: none;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all .3s ease;-webkit-filter: drop-shadow(3px 3px 0 #70747f);filter: drop-shadow(3px 3px 0 #70747f);visibility: hidden;opacity: 0;}
.scroll-to-top.active{visibility: visible;opacity: 1;}
.scroll-to-top img {display: block;position: relative;top: 0;left: 0;padding: 12px;}

.error-content h1{margin-bottom: 30px;}
.error-content h4{margin-bottom: 10px;margin-top: 20px;}
.error-content a:not(.btn){text-decoration: underline;}

.tracks ul{padding: 0;}
.tracks ul li {
    display: inline-block;
    width: 33%;
    padding: 0 20px 20px 20px;
    float: left;
    text-align: center;
}
.tracks ul li img{
    margin-bottom:5px;
}
.single-tracks .thumb{
    float: left;
    padding:0 15px;
    width: 33%;
}
.single-tracks .thumb img{width: 100%;}
.single-tracks .content{
    float: left;
    padding:0 15px;
    width: 66%;
}
.single-tracks .content span{
    display: inline-block;
    width: 100%;
}
.all-tracks{
    float: right;
    margin-top: 25px;
}

.wp-pagenavi{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #fff;
    background: #299e62;
    color: #fff;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #4163a9;
    padding: 2px 10px;
    margin: 2px;
    background: #4465ab;
    color: #fff;
}
.inner-banner{
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: cover !important;
    background-position: center center !important;
}
.inner-banner h1, .hth-inner-banner h1 {
    color:#fff;
    z-index: 1;
}
@media screen and (max-width:767px){
    .single-tracks .thumb {
        padding: 0 15px;
        width: 100%;
    }
    .single-tracks .content {
        padding: 15px;
        width: 100%;
    }
    .tracks ul li {width: 100%;}
    .inner-banner{height: 200px;}
}

.donate-page .welcome-section-main:after{
    display:none;
}
#gform_wrapper_1 {
    max-width: 767px;
    width: 100%;
    margin: 0 auto;
    background: whitesmoke;
    padding: 25px;
}
#gform_wrapper_1 select{
    height: 47px;
}

.single-membership .welcome-section-main:after{display:none;}
.single-membership .video-section .video a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-membership .video-section a .fa-play-circle{
    position: absolute;
    font-size: 60px;
}
.single-membership .blog-section{

}
.single-membership .blog-section a{
    text-decoration: none;
}
.single-membership .blog-section ul li{
    display: inherit;
    padding: 0;
}
.single-membership .blog-section h3{
    line-height: 1;
    margin: 0;
    color: #299e62;
}
.single-membership .blog-section p{
    line-height: 1.2;
    color: #1d2436;
}

.single-membership .view-more{
    width: 100%;
    display: inline-block;
    text-align: center;
}

.single-jobs .content{
    float: left;
    padding:0 15px;
    width: 100%;
}
.single-jobs .content span{
    display: inline-block;
    width: 100%;
}

.single-jobs .job-meta {
    padding: 0;
    margin: 0;
    display: inline-block;
}
.single-jobs .job-meta li{
    display:inline-block;
}
.single-jobs .job-meta li:after {
    content: ',';
    margin-right: 6px;
}
.single-jobs .job-meta li:last-child:after {
    display:none;
}
/* registration form */
#gform_fields_3 { display: flex; flex-wrap: wrap; }
#field_3_1, #field_3_3, #field_3_4, #field_3_11, #field_3_12, #field_3_13, #field_3_14, #field_3_15 { width: 100%; }
#field_3_5, #field_3_6 { width: 50%; }
#field_3_17, #field_3_7, #field_3_8, #field_3_9 { width: 25%; }

/* careers search */
.search-page { display: flex; margin-top: 25px; }
.search_box { width: 30%; }
.results { width: 70%; }

/* Header Banner Overlay */
.banner-overlay {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
}
.text-align-center { text-align: center; }

.opportunities-section { 
    padding-top: 150px;
    padding-bottom: 150px;
    margin: 10px;
    background-size: cover;
    background-position: center; 
}
.button-row {
    margin: 40px 0;
}
.video-container {
    margin-top: 40px;
}
pre {
    border: none;
    background-color: transparent;
}
.product_type_simple, .add_to_cart_button, .single_add_to_cart_button, .gform_button {
    background: #2a9f63 !important;
    color: white !important;
    font-family: Poppins !important;
}
.product_type_simple:hover, .add_to_cart_button:hover, .single_add_to_cart_button:hover, .gform_button:hover {
    background: #3146b1 !important;
}
#main > div > nav {
    display: none;
}

.hotspot-content p {
    color: white;
}

.wp-block-preformatted .columns-3, .wp-block-preformatted .columns-4  {
    display: flex;
    flex-flow: wrap;
}

.woocommerce.columns-4 ul.products li.product {
    width: 25%;
    padding: 5px;
    margin: 0px !important;
}

.woocommerce.columns-3 ul.products li.product {
    width: 30%;
}

.woocommerce {
    font-family: 'Rajdhani', sans-serif;
}

.woocommerce-product-gallery, .woocommerce-product-gallery--without-images, .woocommerce-product-gallery--columns-4, .images {
    width: 34% !important;
    float: left;
}

.woocommerce .single-product .summary {
    width: 63% !important;
}

.woocommerce .single-product .product .related {
    display: inline-block;
}

.hotspot-title {
    font-size: 35px !important;
}

.content-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}

.header-text h1 {
    padding-top: 50px;
    text-align: center;
}

.info-head {
    background: #305091;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.event-info {
    border: 1px solid #ececec;
    margin-right: 10px;
    float: left;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.2s ease-in-out;
    background-color: #f9f9f9;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.event-info:hover {
    margin-right: 10px;
	float: left;
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
}

.info-footer {
    margin-bottom: 10px;
    color: #fff;
}

.btn-sub {
    margin: 10px 0px;
    width: 100%;
}

.name-head-text-1 {
    width:8.33333333%;
}

.name-head-text-2 {
    width: 16.66666667%;
}

.name-head-text-3 {
    width: 25%;
}

.name-head-text-4 {
    width: 33.33333333%;
}

@media screen and (max-width: 767px) {
    .inner-banner {
        background-position-x: center !important;
        background-position-y: -20px !important;
    }
}

@media screen and (max-width: 800px) {
    .woocommerce.columns-4 ul.products li.product {
    width: 50%;
    }    
}

.flex-control-thumbs {
    margin-top: 10px !important;
}

.woocommerce-product-gallery > ol > li {
    padding: 10px 5px;
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: none !important;
}

.wpfep_row {
    min-height: 400px;
}

#input_3_19 { width: 100%; }

.content a:hover {
    text-decoration: none ;
}
.content a {
    color: #000000;
}

.hth-inner-banner {
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
}

@media (max-width: 1399px) and (min-width: 1200px) { 
    nav ul li a {
        font-size: 16px;
        padding: 12px 9px !important;
    }
}

.video-description p {
    font-size: 13px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.4;
}
.video-info h6 { 
    margin-top: 15px; 
    margin-bottom: 0px;
}
.video-sidebar ul {
    list-style-type: none;
    padding-left: 0px;
}
.date-meta { font-size: 15px; }

.videos {
    width: 75%;
}

.vid-container .title h1  { font-size: 35px; }
.vid-container .date { 
    margin-top: 20px;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;}
.vert-align {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    align-content: center;
}