/*
Theme name: Mathnasium Franchise Website
Description: Custom Theme
*/

/******* Mathnasium Franchise Website WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Mathnasium Franchise Website WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #fff; font-family: 'AvenirNext', sans-serif; font-size: 16px; line-height: 1.38; color: #333; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; }

h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */
.footer-nav ul:after,
.articles .article:after,
.intro-login:after,
.list-logos:after,
.list-logos-secondary:after,
.people:after,
.socials ul:after,
.footer-content:after,
.main:after,
.header-content:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  alignments  */

.alignnone { float: none; display: block;  }
.aligncenter { display: block; margin: auto;  }
.alignright { float: right; margin-left: 25px;  }
.alignleft { float: left; margin-right: 25px; }

/*  cols  */

.col { float: left;  }
.col-1of3 { width: 33.33%; padding-right: 0.4%;  }
.col-2of3 { width: 66.66%; padding-right: 0.4%;  }

/* ------------------------------------------------------------ *\
	wrapper
\* ------------------------------------------------------------ */

.wrapper { width: 100%; position: relative; overflow: hidden; }
.wrapper > .shell:after { content: ' '; display: table; clear: both; width: 100%; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1095px; margin: auto; position: relative; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 10px 0;  }
.header .header-content { margin-bottom: 13px;  }
.header .header-inner { float: right; background: rgba(0,0,0,.8); position: relative; padding: 20px 25px 20px 20px; margin-top: 14px;  }
.header-locked .header-inner { position: relative; padding-right: 120px;  }
.header .header-inner span { color: #797979; font-size: 18px;  }
.header .header-inner:before  { content:''; background: url(images/header-inner-before.png) no-repeat 0 0; display: inline-block; -webkit-background-size: cover; background-size: cover; width: 19px;  position: absolute; left: -19px; top: 0; bottom: 0;  }
.header .header-inner-mobile { display: none; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { margin-bottom: 15px; padding: 25px 0 11px;  }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #dcdcdc; border-radius: 4px; padding: 50px 31px; margin-bottom: 30px;  }

.footer .footer-content { border-bottom: 1px solid #bfbfbf; padding-bottom: 23px;  }
.footer .footer-inner { padding-top: 31px;  }

.footer .footer-nav { float: left;  }
.footer .footer-nav ul { list-style-type: none; font-weight: 600; color: #000; font-size: 15px; line-height: 1.4;  }
.footer .footer-nav li { float: left;  }
.footer .footer-nav a { color: inherit; display: inline-block; padding: 3px 17px;  }
.footer .footer-nav a:hover  { color: #ee3b33; text-decoration: underline;  }

.footer .outro { font-size: 14px; line-height: 1.57; color: #646464;  }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { width: 64.7%; float: left; padding-right: 20px; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { width: 33.2%; float: right;  }
.sidebar-secondary { border-left: 1px solid #dcdcdc; width: 35%;  padding-top: 8px;  }
.sidebar-secondary .widget { border-bottom: 1px solid #dcdcdc; padding-left: 18px; padding-bottom: 39px; margin-bottom: 35px;  }
.sidebar-secondary .widget:last-child { border: none; }

.widgets { list-style-type: none;  }

.widget h3.widget-title { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 10px;  }

/*  carbon_customlearnmore  */

.carbon_customlearnmore .widget-content { padding: 31px 44px 30px; background-color: #000; }

.carbon_customlearnmore h4 {font-size: 42px; line-height: 1; font-family: 'journal',sans-serif; letter-spacing: 0.02em; color: #dbab16; font-weight: normal; padding-bottom: 3px;  }
.carbon_customlearnmore h3.widget-title { font-size: 32px; line-height: 1.19; color: #fff; padding: 4px 0 22px; font-weight: 400;  }
.carbon_customlearnmore ul { list-style: none; font-size: 16px; line-height: 1.5; color: #fff;  }
.carbon_customlearnmore ul span { color: #dbab16; font-weight: 600;  }
.carbon_customlearnmore ul li { padding-bottom: 8px;  }

/*  widget_text  */

.sidebar .carbon_linkedimagewithtext,
.sidebar .widget_text { padding-left: 34px;  }
.sidebar .carbon_linkedimagewithtext h3.widget-title,
.widget_text h3.widget-title { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 9px;  }
.widget_text > a:hover { opacity: .7;  }
.sidebar .carbon_linkedimagewithtext p,
.widget_text p { font-size: 16px; line-height: 1.5; color: #000; }
.sidebar .carbon_linkedimagewithtext img,
.widget_text img { margin-bottom: 25px;  }
.sidebar .carbon_linkedimagewithtext p a,
.widget_text p a { color: #ee3b33; }
.widget_text p a:hover { text-decoration: underline;  }

.blog .carbon_custombutton,
.archive .carbon_custombutton { display: none; }
/*  carbon_popupvideo  */

.carbon_popupvideo a { display: block;  }
.carbon_popupvideo img { width: 100%;  }
.carbon_popupvideo a span { display: block; background-color: #ce2c1b; font-size: 18px; line-height: 1.33; color: #fff; text-align: center; padding: 18px 5px 12px; font-weight: 600; border-bottom: 3px solid #b42414; border-radius: 0 0 4px 4px;  }

/*  carbon_customrecentposts  */

.carbon_customrecentposts h3.widget-title { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 25px; }

.carbon_customrecentposts ul { list-style-type: none;  }
.carbon_customrecentposts li { padding-bottom: 25px;  }

.carbon_customrecentposts h4 { font-size: 24px; line-height: 1.17; color: #ee3b33; padding-bottom: 6px;  }
.carbon_customrecentposts h4 a { color: inherit;  }
.carbon_customrecentposts a:hover { text-decoration: underline;  }
.carbon_customrecentposts p { font-size: 16px; line-height: 1.5; color: #000;  }
.carbon_customrecentposts p a { color: #ee3b33; font-weight: 600; }

/*  carbon_customtextwithbutton  */

.carbon_customtextwithbutton  { padding-right: 25px;  }
.carbon_customtextwithbutton h3.widget-title { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 10px; }

.carbon_customtextwithbutton p { font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 25px;  }

.carbon_customtextwithbutton ol { padding-left: 25px; font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 25px;  }

/*  widget_login  */

.widget_login { border-radius: 4px; background-color: #ebebeb; box-shadow: 1px 2px 6px rgba(0,0,0,.25); width: 36%; padding: 35px 40px; float: right; margin: 100px 0;  }

/*  login-form  */

.login-form h3 {font-size: 24px; color: #000; line-height: 1.25; font-weight: 400; padding-bottom: 10px; }

.login-form p { font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 20px;  }
.login-form p a { color: #ee3b33;  }
.login-form p a:hover { text-decoration: underline;  }
.login-form .form-label { display: none;  }
.login-form .field { width: 100%; border: 1px solid #d7d7d7; font-size: 18px; line-height: 2.06; color: #000; font-weight: 600; padding: 5px 10px; margin-bottom: 7px;  }

.login-form .form-btn { width: 100%; border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 18px; line-height: 2.06; font-weight: 600; text-align: center; padding: 6px 0 4px;  }
.login-form .form-btn:hover { background-color: #ad1b0b; text-decoration: underline;  }

.login-form .error-row p { font-style: italic; color: red; }
.login-form .form-row.error input { border: 1px solid red;}

/*  widget_categories  */

.widget_nav_menu h3.widget-title,
.widget_categories h3.widget-title { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 10px;  }
.widget_nav_menu ul,
.widget_categories ul { list-style-type: none;  }

.widget_nav_menu li a,
.widget_categories li a { display: block; font-size: 16px; line-height: 1.5; color: #000; padding: 7px 15px; margin: 3px 0;  }
.widget_nav_menu li.current-menu-item a,
.widget_nav_menu li a:hover,
.widget_categories li.current a,
.widget_categories li a:hover { background-color: #dcdcdc;  }



/*  carbon_customquestionbox  */

.carbon_customquestionbox .widget-content { padding: 30px 35px 24px; background-color: #000; }

.carbon_customquestionbox h4 {font-size: 42px; line-height: 1; font-family: 'journal',sans-serif; letter-spacing: 0.02em; color: #dbab16; font-weight: normal; }
.carbon_customquestionbox h3.widget-title { font-size: 32px; line-height: 1.19; color: #fff; padding: 4px 0 10px; font-weight: normal;  }
.carbon_customquestionbox p { list-style: none; font-size: 16px; line-height: 1.5; color: #fff;  }

.carbon_customquestionbox > a { display: block; background-color: #282828; padding: 25px 35px; color: #fff; font-weight: 600; font-size: 18px; line-height: 1.17;  }
.carbon_customquestionbox > a:hover { background-color: #171717; text-decoration: underline; color: #fff;  }

/*  carbon_customboxred  */

.carbon_customboxred .widget-content { background-color: #ce2c1b; border-radius: 5px; padding: 30px 40px;  }
.carbon_customboxred h4 { font: 42px/1 'journal',serif; color: #5c0e06; letter-spacing: 0.02em;  }
.carbon_customboxred h3.widget-title { font-size: 32px; line-height: 1.19; color: #fff; font-weight: 400; padding-bottom: 14px; }
.carbon_customboxred p { padding-bottom: 16px; line-height: 1.5; padding-bottom: 15px; color: #fff;  }
.carbon_customboxred h5 { font-size: 20px; line-height: 1.4; color: #fff; font-weigh1t: 600;  }

/* ------------------------------------------------------------ *\
	articles
\* ------------------------------------------------------------ */

/*  article-single  */

.article-single { padding-top: 3px; padding-left: 4px;  }

.article-single .article-head .article-meta { font-size: 15px; line-height: 1.5; color: #000; padding-bottom: 13px;  }

.article-single h1.article-title { font-size: 36px; line-height: 1.11; color: #f13f2c; padding-bottom: 22px;  }
.article-single .article-entry  p { font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 27px;  }
.article-single p a { color: #ee3b33; }
.article-single p a:hover { text-decoration: underline; }
.article-single .article-entry  img { margin-bottom: 40px; }

.article-single .article-entry  h2 { font-size: 28px; line-height: 1.14; color: #000; padding-bottom: 23px;  }

.article-single .article-entry  ul,
.article-single .article-entry  ol { line-height: 1.5; color: #4a4a4a; padding-bottom: 25px;  }
.article-single .article-entry  ol small { font-size: 8px; vertical-align: top;  }
.article-single .article-entry  ol { list-style-type: none;  }
.article-single .article-entry  ul { padding-left: 15px;  }

.article-single .article-entry  blockquote { border-left: 3px solid #000; padding-left: 30px; margin-bottom: 15px;  }
.article-single .article-entry  blockquote p { font-size: 22px; font-style: italic;  }

.wp-caption { margin-bottom: 80px; position: relative; display: inline-block; width: auto !important; }

.article .wp-caption .wp-caption-text,
.wp-caption .wp-caption-text { display: block; background-color: #000000; color: #fff; font-size: 20px; line-height: 1; padding: 16px 40px; position: absolute; top: 100%; left: 0; right: 0;  }

.article-single .article-entry  .wp-caption img { margin-bottom: 0;  }

.article-single .article-share { font-size: 16px; line-height: 1.5; font-weight: 600; color: #000; 	 }

/*  articles  */

.articles { list-style-type: none; border-bottom: 1px solid #dcdcdc;  }

.articles .article { border-top: 1px solid #dcdcdc; padding: 30px 0;  }

.article .article-image { float: left; margin-right: 25px; overflow: hidden; border-radius: 6px;  }
.article .article-image a:hover { opacity: .7;  }

.article .article-content { display: block; overflow: hidden; width: auto; float: none;  }
.article h2.article-title { font-size: 26px; line-height: 1.15; color: #f13f2c;  }
.article h2.article-title a { color: inherit;  }
.article h2.article-title a:hover { text-decoration: underline;  }

.article .article-content p { font-size: 16px; line-height: 1.5; color: #000;  }
.article .article-content p a { color: #f13f2c; font-weight: 600;  }
.article .article-content .article-meta { font-size: 16px; line-height: 1.5; color: #898989; padding: 6px 0; }

/*  article-about  */

.article-about { background-color: #ce2c1b; border-radius: 5px; padding-top: 25px;  }

.article-about .article-head { padding: 5px 49px;  }

.article-about .article-head h3 { font: 42px/1 'journal',serif; color: #5c0e06; letter-spacing: 0.02em; padding-bottom: 8px;   }
.article-about h2.article-title { font-size: 32px; font-weight: normal; line-height: 1.19; color: #fff; text-transform: capitalize; padding-bottom: 15px;  }

.article-about .article-entry { padding: 2px 49px 14px; font-size: 16px; line-height: 1.5; color: #fff;  }
.article-about .article-entry p { padding-bottom: 24px;  }
.article-about .article-entry p a { color: #300d09; font-weight: 700; text-decoration: underline; }
.article-about .article-entry p a:hover { text-decoration: underline; color: #070100;  }

.article-about .article-foot a { box-shadow: inset 0 3px 10px rgba(0,0,0,.35); display: block; background-color: #b42414; padding: 32px 49px; font-size: 18px; font-weight: 600; line-height: 1.17; color: #fff; border-radius: 0 0 5px 5px;  }
.article-about .article-foot a:hover  { text-decoration: underline; background-color: #961609;  }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/*  sprite  */

.ico-lock { background: url(images/ico-lock.png) no-repeat 0 0; width: 39px; height: 39px; display: inline-block; vertical-align: middle;  }

/*  phone  */

.phone { font-size: 18px; line-height: 1.11; color: #fff; display: inline-block;  }

.phone a { color: #fff; font-weight: bold; /*color: #ee3b33*/; }
.phone a:hover { text-decoration: underline; }

/*  nav  */

.nav.fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: 1095px; margin: auto; z-index: 9999; }
.nav { font-size: 20px; line-height: 1; color: #fff; border-radius: 6px; overflow: hidden;  }
.nav ul { list-style-type: none; display: table; width: 100%;  }
.nav li { display: table-cell; text-align: center; min-height: 1px;  vertical-align: top;  }
.nav li a { color: inherit; background-color: #d32e1d; border-right: 1px solid #a90700; padding: 23px 5px; display: block; }
.nav li:last-child a { border: none;  }
.nav li a span { color: #000; }

.nav li.current-menu-item a,
.nav li a:hover { background-color: #ad1b0b;  }

.nav li.current-menu-item a span,
.nav li a:hover span { color: #fff;  }

/*  burger-menu  */

.btn-menu { display: none; background: url(images/btn-menu.png) no-repeat 0 0; width: 43px; height: 43px;  }

/*  slider  */

.slider { position: absolute; z-index: -1; top: 0; left: -30px; right: -30px; background: url(images/home-background.png) repeat 0 0; }
.slider:after { content:''; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; height: 25px; 
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:    -moz-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:     -ms-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:      -o-linear-gradient(rgba(255, 255, 255, 0), white);
    background-image:         linear-gradient(rgba(255, 255, 255, 0), white); }

.slider .bx-wrapper .bx-viewport { border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; left: 0; }

.slider .slide { min-height: 664px;  }
.slider .slide-image  { display: none;  }

/*  intro  */

.intro { min-height: 370px; }
.intro .intro-image { display: none; }

.intro .intro-content { width: 42%; padding: 57px 0 0px;  }

.intro .intro-content h1 { font-size: 48px; line-height: 1.17; color: #231f20; font-weight: 400; padding-bottom: 15px;  }
.intro .intro-content p { font-size: 20px; line-height: 1.4; color: #231f20;  }
.intro .intro-content a { color: #231f20; /*#ee3b33;*/ font-size: 20px; line-height: 1.4; font-weight: 600; }
.intro .intro-content a:hover { text-decoration: underline; }

.intro .intro-content .btn-learn-more {
    color: #ee3b33;
    background-color: transparent;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    padding: 0px;
}

/*  socials  */

.socials { float: right; margin-top: -3px;  }

.socials ul { list-style: none;  }
.socials li { float: left; margin-right: 11px;  }
.socials a:hover { opacity: .7;  }

/*  copyright  */

.copyright { font-size: 14px; line-height: 1.57; color: #000; padding-bottom: 23px;  }
.copyright p { display: inline-block; padding-right: 60px;  }
.copyright p a { color: inherit;  }
.copyright p a:hover  { text-decoration: underline; color: #b42414;  }

/*  paging  */

.paging { margin-bottom: 13px;  }

.paging .paging-label { display: inline-block; font-size: 16px; background-color: #dcdcdc; color: #000; line-height: 1; padding: 21px 35px;  }

.paging .paging-next { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 18px; line-height: 2.76; font-weight: 600; text-align: center; padding: 5px 32px 2px; display: inline-block; margin-left: -5px;  }
.paging .paging-next:hover {  background-color: #ad1b0b; text-decoration: underline; }

/*  video  */

.video { display: inline-block; padding-bottom: 35px;  }
.video .video-caption { display: block; background-color: #161616; padding: 10px 25px; font-size: 20px; color: #fff; border-radius: 0 0 5px 5px; margin-top: -6px;  }

/*  video-popup  */

.video-popup { position: relative; width: 760px; margin: auto; background-color: #fff; padding: 40px 25px;  }

.video-popup iframe { width: 100%; height: auto; min-height: 350px;  }
.video-popup .video { width: 100%;  }
.video-popup p { text-align: center; font-size: 16px; line-height: 1.5; color: #000;  }
.video-popup p a { color: #ee3b33;  }
.video-popup p a:hover { text-decoration: underline; }

/*  person  */

.people { list-style: none; padding-bottom: 32px; padding-top: 13px; }

.person:nth-child(3n+1) { clear: both; }
.person { width: 30%; float: left; margin-right: 3.3%; margin-bottom: 36px; position: relative;  }

.person .person-dropdown { display: none;  }

.person.active .person-dropdown.visible { display: inline-block; background-color: #dcdcdc; padding: 35px 40px;  width: 322%; position: absolute; top: 100%; left: 0; margin-top:40px; }

.person.active:nth-child(3n+2) .person-dropdown.visible { left: -111%;  }
.person.active:nth-child(3n+3) .person-dropdown.visible { left: -222%;  }

.person-dropdown p { font-size: 16px; line-height: 1.5; color: #000;  }

.article-single .person img,
.person img { width: 100%; margin-bottom: 17px; height: auto;   }

.person a { display: block; border-bottom: 7px solid #ce2c1b; padding-bottom: 6px; font-size: 18px; line-height: 1.22; color: #000; min-height: 333px; }
.person a strong { display: block;  }

.person.active a { border-color: #dcdcdc;  }

.person-callout a { min-height: 1px; position: relative;  border: none; display: block; background-color: #a3a3a3; padding-bottom: 0; }

.article-single .person-callout img,
.person-callout img { opacity: 0; margin-bottom: 0;  }

.person-callout a strong { position: absolute; top: 50%; width: 100%; text-align: center; font-size: 20px; line-height: 1.3; color: #fff; 
	-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%);  }

/*  list-logos  */

.list-logos { list-style-type: none; }

.list-logos > li { width: 49%; float: left; border-radius: 5px; background-color: #ebebeb; padding: 15px 15px; min-height: 336px; margin-bottom: 2%; clear: both; }
.list-logos > li:nth-child(2n+2) { float: right; clear: none; }
.list-logos h4 { font-size: 20px; font-weight: 600; line-height: 1.4; padding-bottom: 4px; color: #000;  }
.article-single .list-logos img,
.list-logos img { width: 100%; margin-bottom: 17px; height: 162px;  }
.list-logos ul { list-style-type: none; font-size: 16px; line-height: 1.5; color: #000; font-weight: normal;  }
.list-logos a:hover img { opacity: .7;  }

/*  list-logos-secondary  */

.list-logos-secondary { margin-top: 50px;  }

.list-logos-secondary li { float: left; width: 33%; list-style-type: none; text-align: center; min-height: 178px;  }
.list-logos-secondary img { 
	-webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
     -o-transform: translateY(-50%); 
        transform: translateY(-50%);  }
.list-logos-secondary a:hover { opacity: .7;  }

/*  slider-secondary  */

.slider-secondary .bx-wrapper { margin-bottom: 80px;  }
.slider-secondary .bx-wrapper .bx-viewport { background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; left: 0;  }
.slider-secondary .slide .slide-content p { background-color: #000000; color: #fff; padding: 15px 25px; font-size: 20px; line-height: 1; border-radius: 0 0 5px 5px;  }
.slider-secondary .slide .slide-image img { width: 100%; height: auto; margin-bottom: 0;  }

.slider-secondary .bx-wrapper .bx-pager.bx-default-pager { bottom: -45px;  }
.slider-secondary .bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 20px; border-radius: 50%; background-color: transparent; border: 3px solid #dcdcdc;  }

.slider-secondary .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-secondary .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #dcdcdc;  }

/*  tablepress  */

.tablepress { margin-bottom: 25px;  }

.tablepress tr:nth-child(odd) { background-color: #ebebeb; }
.tablepress td { vertical-align: top; padding: 9px 20px; font-weight: 400; font-size: 16px; line-height: 1.5;  }
.tablepress td:first-child { border-right: 1px solid #dcdcdc;  }
.tablepress th { text-align: left; padding: 9px 20px; color: #fff; background-color: #000;  }

/*  step  */

.step { min-height: 350px; margin-bottom: 29px; }

.step h3 { font-size: 28px; line-height: 1.14; color: #fff; background-color: #a5a5a5; padding: 20px 20px; margin-bottom: 4px;  font-weight: 400;  }

.step .step-content { padding: 17px 20px;  }

.step-primary { border-radius: 6px; overflow: hidden;  }

.step-primary h3 { color: #000; background-color: transparent; padding: 0;  }

.article .step-primary h2,
.step-primary h2 { color: #fff; font-weight: 400;  }

.article .step-primary p,
.step-primary p { color: #fff; padding-bottom: 5px;  }

.step-primary .step-content  { background-color: #ce2c1b; padding: 42px 45px;  }

.step-primary .step-actions a { box-shadow: inset 0 3px 10px rgba(0,0,0,.35); display: block; background-color: #b42414; padding: 31px 48px; font-size: 18px; font-weight: 600; line-height: 1.17; color: #fff; border-radius: 0 0 5px 5px;  }
.step-primary .step-actions a:hover  { text-decoration: underline; background-color: #961609;  }

/*  paging-secondary  */

.paging-secondary { text-align: center; padding: 30px 0;  }
.paging-secondary a { display: inline-block; width: 39px; height: 39px;  }
.paging-secondary .paging-prev a { background: url(images/paging-prev.png) no-repeat 0 0; }
.paging-secondary .paging-next a { background: url(images/paging-next.png) no-repeat 0 0; }

/*  accordion  */

.accordion { padding-bottom: 25px; padding-right: 18px;  }

.accordion-body { display: none; }
.accordion-expanded .accordion-body { display: block; }

.accordion .accordion-section { margin-bottom: 7px;  }

.accordion .accordion-head { cursor: pointer;  }

.accordion .accordion-head h3 { font-size: 18px; line-height: 1.78; color: #000; background-color: #dcdcdc; padding: 6px 35px 6px 25px; position: relative;  }
.accordion .accordion-head h3:after { content:'+'; display: inline-block; font-size: 28px; line-height: 1.14; color: #fff; position: absolute; right: 10px; top: 50%; margin-top: -15px;   }
.accordion-expanded .accordion-head h3:after { content:'-'; }

.accordion .accordion-body { padding: 15px 25px;  }
.accordion .accordion-body p { font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 25px;  }

/*  breadcrumbs  */

.breadcrumbs { font-size: 13px; line-height: 1.46; color: #000; display: none; text-transform: capitalize; padding: 15px 0 0; font-weight: 600;  }
.breadcrumbs a { color: inherit;  }

.breadcrumbs a.current,
.breadcrumbs a:hover { color: #f14331;  }

.section-comments { padding-top: 15px; }
.section-comments p { padding-bottom: 18.2px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }

.comments,
.comments .children { position: relative; } 
.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; } 
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3;  } 

.comments .comment { position: relative; border-top: 1px dashed #363636; }
.comments .children { padding-left: 70px; } 
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
.comments .says { padding-left: 5px; } 
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; } 
.comments .comment-meta a { color: #363636; }

.comments .comment-reply { padding-top: 10px; text-align: right; } 
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } 
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7;  }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }


/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {
	background: url(images/logo.png) no-repeat 0 0;
	width: 343px;
	height: 78px;
	display: inline-block;
	float: left;
	font-size: 0;
	line-height: 0;
	text-indent: -4004px;
	margin-left: 37px;
	margin-top: 3px;
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn {}

/*  btn-learn-more  */
.btn-learn-more { display: block; background-color: #282828; padding: 32px 43px; color: #fff; font-weight: 600; font-size: 18px; line-height: 1.17;  }
.btn-learn-more:hover { background-color: #171717; text-decoration: underline; color: #fff;  }


.sidebar .btn-learn-more {
font-size:15px;
text-transform:uppercase;
padding:2rem 1rem;
background-color:#ee291b;
text-align:center;
height:65px;
text-decoration:none;
transition:all 0.7s ease;
display:flex;
justify-content:center;
align-items:center;
border:1rem solid #282828;
}
.btn-learn-more img {
margin-left:1rem;
}
.sidebar .btn-learn-more:hover {
background-color:#a92517;
}
/*  btn-unlock  */

.btn-unlock { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 16px; line-height: 3.06; text-align: center; padding: 6px 31px 4px; display: inline-block; }
.btn-unlock i { margin-top: -5px; margin-right: 10px;  }
.btn-unlock:hover {  background-color: #ad1b0b; text-decoration: underline; color: #fff;  }

/*  btn-primary  */

.btn-primary { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 16px; line-height: 3.06; text-align: center; padding: 6px 25px 4px; display: inline-block; font-weight: 600; width: 100%;  }
.btn-primary:hover {  background-color: #ad1b0b; text-decoration: underline; color: #fff;  }

/*  btn-logout  */
 
.btn-logout { background: rgba(0,0,0,.3); display: inline-block; font-size: 18px; color: #ee3b33; position: absolute; top: 0; right: 0; bottom: 0; padding: 20px 25px;  }
.btn-logout:hover { text-decoration: underline; color: #ee3b33;  }

/*  btn-secondary  */

.btn-secondary { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 16px; line-height: 3.06; text-align: center; padding: 6px 25px 4px; display: inline-block; font-weight: 600;   }
.btn-secondary:hover {  background-color: #ad1b0b; text-decoration: underline; color: #fff;  }

@media(max-width: 1150px){
	.shell { padding: 0 30px; max-width: 1150px;  }

	.btn-learn-more { padding: 32px 25px;  }

	.article img { width: 100%; }
	.article .article-share img { width: auto;  }

	.widget img { width: 100%;  }

	.article .alignleft,
	.article .alignright,
	.article .aligncenter { width: auto;  }

	.carbon_customlearnmore .widget-content { padding: 15px 20px;  }
}

@media(max-width: 1024px){
	.carbon_customlearnmore h4 { font-size: 30px;  }
	.carbon_customlearnmore h3.widget-title { font-size: 25px;  }

	.intro  .intro-content { width: 70%; }

	.copyright { text-align: center; }


	.footer .footer-nav { float: none; text-align: center;  }
	.footer .footer-nav ul { display: inline-block;  }
	
	.socials { float: none; display: block; text-align: center; margin-top: 15px;  }
	.socials ul { display: inline-block;  }
 
	.header { text-align: center; }
	.header .header-inner { text-align: center; float: none; display: block;  }
	.logo { float: none; }

	.video { width: 100%;  }
	.video iframe { width: 100%;  }
	.video-popup { width: 100%;  }

	.list-logos > li { min-height: 360px; }

	.widget_login { width: 50%;  }

	.btn-primary { line-height: 1.5;  }

	.list-logos-secondary img { vertical-align: middle; 
		-webkit-transform: translateY(0); 
	    -ms-transform: translateY(0); 
	     -o-transform: translateY(0); 
	        transform: translateY(0);  }
	
}

@media(max-width: 767px){
	body { min-width: 320px;}
	.content { width: 100%; float: none; margin-bottom: 30px;  }
	.sidebar { width: 100%; float: none;  }

	.accordion { padding-right: 0;  }

	.slider { display: none;  }
	
	.header { position: relative; background: #fff; margin: 0 -30px; padding-bottom: 0; padding-top: 0; }
	.header .header-inner { background: rgba(0,0,0,1); margin-bottom: 0; padding: 15px 2px; }
	.header .header-inner-mobile { position: relative; z-index: 505; background: #c52910; color: #fff; padding: 15px 0; display: block; }
	.header .header-content { position: relative;margin-bottom: 0; text-align: left;  }
	.header-inner-mobile a { color: inherit; font-family: 'AvenirNext', sans-serif; font-size: 20px; font-weight: bold;}
	
	.logo { -webkit-background-size: cover; background-size: cover; width: 240px; height: 54px; margin-left: 5px; position: relative; z-index: 9999;  }

	.header .shell { padding: 0;  }
	.header .btn-menu { position: absolute; top: 23px; right: 10px; z-index: 501;}

	.btn-menu { display: inline-block; margin-right: 13px; margin-bottom: 17px;  }

	.nav.fixed { position: absolute; top: 0; left: 0; right: 0; }
	.nav { position: absolute; top: 100%;left: 0;width: 100%;text-align: right;z-index: 500; visibility: hidden;opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.nav ul { background-color: #dcdcdc; }
	.mobile-show .nav { visibility: visible; opacity: 1; }
	/*.nav .active +  ul { visibility: visible; opacity: 1;  z-index: 9999; display: block;  }*/
	.nav li { display: block; float: none; width: 100%; }
	.nav li a { width: 100%; color: #000; font-size: 20px; line-height: 1.8; background-color: #dcdcdc; padding: 4px 0; border: none; }

	.phone { padding: 4px 2px;  }

	.intro .intro-image { display: block; margin: 0 -30px;  }
	.intro .intro-image img { width: 100%; height: auto;  }

	.intro .intro-content { width: 100%; padding: 15px 0;  }
	.intro .intro-content h1 { font-size: 30px; font-weight: 600;  }

	.main { margin: 0 -30px;  }

	.article { padding: 10px 30px;  }

	.article-about { padding: 10px 0 0 0; }

	.article-about .article-head,
	.article-about .article-entry { padding: 5px 20px;  }

	.article .alignleft,
	.article .alignright,
	.article .alignnone,
	.article .aligncenter { margin: 0 0 15px; float: none; width: 100%; height: auto;  }

	.section-comments h3 small { position: static;  }

	.article-about .article-foot a { padding: 15px 15px;  }

	.article-about .article-head h3 { font-size: 40px; }

	.articles { padding: 0 30px;  }
	.article .article-image { float: none; margin-right: 0; margin-bottom: 15px;  }
	

	.footer { margin: 0 -30px; padding: 15px 20px;  }
	
	.footer .footer-nav li { display: block; text-align: center; float: none;  }
	.footer .outro { display: none;  }

	.copyright p { padding: 0; display: block;  }

	.socials li:last-child { margin-right: 0;  }

	.paging { padding: 0 20px;  }
	.paging .paging-label { display: none; }

	.btn-unlock { line-height: 1.76; padding: 10px 0 0; margin: 0 ; width: 100%; text-align: center;  }


	.sidebar-secondary { padding: 10px 20px;  }
	.sidebar-secondary .widget { padding-left: 0; padding-bottom: 20px; margin-bottom:20px;  }

	.article .wp-caption .wp-caption-text, .wp-caption .wp-caption-text { padding: 7px;  }

	.breadcrumbs { display: block;  }

	.list-logos li { width: 100%; margin-right: 0; float: none; min-height: 1px;  }
	.list-logos li:nth-child(2n+2) { float: none;  }

	.list-logos-secondary { margin-bottom: 20px;  }
	.list-logos-secondary li { width: 50%; padding: 0 20px; min-height: 1px;  }
	.article-single .list-logos-secondary img { margin-bottom: 15px; }
	.list-logos-secondary img { margin-bottom: 15px; 
		-webkit-transform: translate(0, 0); 
	    -ms-transform: translate(0, 0); 
	     -o-transform: translate(0, 0); 
	        transform: translate(0, 0);  }

	.col { width: 100%; float: none;  }

	.step { min-height: 1px; margin-bottom: 10px;  }

	.widget_login { width: 100%; margin: 25px 0;  }

	.carbon_customtextwithbutton { padding-right: 0;  }

	.btn-logout { position: static; padding: 0;  }

	.accordion .accordion-body { padding: 15px 0;  }

	.person:nth-child(3n+1) { clear: none; }
	.person:nth-child(2n+1)  { clear: both;  }
	.person { width: 45%; margin-right: 5%; }
	.person.active .person-dropdown.visible { width: 210%;  }

	.person.active:nth-child(3n+2) .person-dropdown.visible { left: inherit;  }
	.person.active:nth-child(3n+3) .person-dropdown.visible { left: inherit;  }
	.person.active:nth-child(2n+2) .person-dropdown.visible { left: -110%;  }
	.person.active:nth-child(2n+1) .person-dropdown.visible { left: 0;  }

	.article img { height: auto; }
	
	.article .wp-caption .wp-caption-text,
	.wp-caption .wp-caption-text { position: static; }
}

@media(max-width: 450px){
	.person { width: 100%; margin-right: 0; float: none; min-height: 1px;  }

	.person.active .person-dropdown.visible { width: 100%;  }
	.person.active:nth-child(2n+2) .person-dropdown.visible { left: inherit;  }
	.person.active:nth-child(2n+1) .person-dropdown.visible { left: 0;  }
}
.input-disabled{background-color:#dcdcdc;border:1px solid #ABADB3;padding:2px 1px;}
.widget img.fran-op-btn { width:28px; height:28px; }
/*# sourceMappingURL=style.css.map */

@media (min-width:768px) and (max-width:1420px) {
	.intro .intro-content { background-color:#fff; padding:20px; border-radius: 5px; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; padding: 21px 15px 17px; border-bottom: 3px solid #b42414; border-radius: 2px; background: #ce2c1b; color: #fff; font-weight: 600; text-align: center; transition: color .3s, border .3s, background .3s; }
.btn span { font-size: 18px; line-height: 1; }
.btn:hover { border-color: #dcdcdc; background: #fff; color: #ce2c1b; }

@media(max-width: 768px){
	.btn span { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */

.section-about { padding: 38px 0 43px; border-radius: 3px; margin-bottom: 24px; background: #ce2c1b; color: #fff; }

.section-about .section-head { max-width: 540px; padding: 0 20px; margin: 0 auto 30px; text-align: center; }
.section-about .section-head h2 { margin-bottom: 20px; line-height: 1.2; }
.section-about .section-body { max-width: 940px; margin: 0 auto; }

.section-about .btn { border-color: #dcdcdc; background: #fff; color: #ce2c1b; }
.section-about .btn:hover { background: #981b0e; border-color: #7c1308; color: #fff; }

/* ------------------------------------------------------------ *\
	Section Callout
\* ------------------------------------------------------------ */

.section-callout { display: flex; margin-bottom: 24px; border-radius: 3px; background: #000; color: #fff; }
.section-callout:last-child { margin-bottom: 0; }

.section-callout .section-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 940px; min-height: 196px; padding: 30px 0; margin: 0 auto; }
.section-callout h2 { margin-bottom: 12px; line-height: 1.2; font-weight: 400; }
.section-callout .section-content { width: calc(100% - 295px); }
.section-callout .section-actions { width: 266px; padding-right: 22px; }
.section-callout .section-actions .btn { width: 100%; }
.section-callout .section-actions .btn:hover { text-decoration: none; }

/*
	-- Red
*/
.section-callout--red { background: #ce2c1b; }
.section-callout--red .btn { border-color: #b42414; background: #000; color: #fff; }
.section-callout--red .btn:hover { background: #981b0e; border-color: #7c1308; color: #fff; }

@media(max-width: 1200px){
	.section-callout .section-inner { padding-left: 22px; }
}

@media(max-width: 768px){
	.section-callout .section-inner { padding: 30px 20px; }
	.section-callout .section-content,
	.section-callout .section-actions { width: 100%; }
	.section-callout .section-content { margin-bottom: 20px; text-align: center; }
	.section-callout .section-actions { padding-right: 0; }
	.section-callout h2 { font-size: 26px; }
}

/* ------------------------------------------------------------ *\
	List 1of3
\* ------------------------------------------------------------ */

.list-1of3 ul { display: flex; flex-wrap: wrap; padding: 0 5px; list-style: none; }
.list-1of3 li { width: 33.33%; padding: 10px 15px; }
.list-1of3 a { display: block; }

@media(max-width: 1023px){
	.list-1of3 .btn { padding: 21px 5px 17px; }
	.list-1of3 .btn span { font-size: 16px; }
}

@media(max-width: 768px){
	.list-1of3 li { width: 50%; }
}

@media(max-width: 490px){
	.list-1of3 li { width: 100%; }
}

/* ------------------------------------------------------------ *\ 
	- Gravity Form
\* ------------------------------------------------------------ */

.gform_body ul { list-style: none; margin: 0; }
.gform_body ul {
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;

	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;

	justify-content: space-between;
}
.gform_body li { line-height: auto; width: 100%; max-width: calc(50% - 16px); }
.gform_body label { display: none; }
.gform_body .validation_message, .validation_error { color:red; }

.widget .gform_body ul {
	-webkit-flex-direction: column;
			flex-direction: column;
}
.widget .gform_body input, 
.widget .gform_body select { position: relative; width: 100%; margin-bottom: 10px; display: inline-block; border: 1px solid #d7d7d7; font-size: 16px; }
.widget .gform_body input, 
.widget .gform_body select { line-height: 2.06; color: #000; font-weight: 600; padding: 5px 20px; height: 50px; vertical-align: top; }

#gform_widget-2 { background: #dcdcdc; padding: 1rem; border-radius: 0.5rem; margin-left: 2rem;
}
.widget #gform_submit_button_2 { width:100%; border-radius: 4px; background-color: #cd2b1b; border: none; border-bottom: 3px solid #b42414; color: #fff; }
.widget #gform_submit_button_2 { font-size: 18px; line-height: 2.06; font-weight: 600; text-align: center; padding: 6px 0 4px; }
}
.widget .gform_heading { margin-bottom: 1rem; display: inline-block; font-size: 15px; line-height: 1.5; color: #000; padding: 0 17px 60px 17px; font-weight: 600;
}
.widgets #gform_widget-2 h3 { line-height: 1.2; color: #000; padding-bottom: 10px; width: 100%; padding: 0 17px 14px 17px; }
.widgets #gform_widget-2 h3 { font-weight: normal; font-size: 26px !important; }

::-webkit-input-placeholder { color:#000; }
:-moz-placeholder { opacity: 1; color:#000; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }

.gform_validation_container.gfield--honeypot { display:none !important; }
.gform_validation_container { display: none !important; }

@media(max-width: 768px) {
	.gform_body li { max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Additional
\* ------------------------------------------------------------ */
a.btn.btn--header-info {
    float: right;
    margin: 14px 36px 0 16px;
    padding: 21px 32px 20px;
}

a.btn.btn--header-info:hover {
    text-decoration: none;
}

@media(max-width: 1200px) {
    a.btn.btn--header-info {
        margin-right: 0;
    }
}

@media(max-width: 1024px) {
    .logo {
        margin-left: 0;
    }
    a.btn.btn--header-info {
        float: right;
        width: 49%;
        margin: 14px 0 0 0;
    }
    .header .header-inner {
        float: left;
        width: calc(49% - 19px);
        margin-left: 19px;
    }
}

@media(max-width: 767px) {
    .logo {
        margin: 1rem;
    }
    a.btn.btn--header-info {
        display: none;
    }
    .header .header-inner {
        float: none;
        width: 100%;
        margin: 0;
    }
}