/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
* Body settings, change it as required
*/

body { font-family: 'Nunito', sans-serif; font-size: 1em; line-height: 1.4; }
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; }
/*
* Paragraphs
*/

p { font-weight: normal; margin-top: 0px; }
/*
* Links
*/

a { font-weight: bold; color: #c31e27;; text-decoration: none; line-height: inherit; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
a:hover { /*color: #2795b6;*/ transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
:focus { outline: none; }
p a, p a:visited { line-height: inherit; }
/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }
/*
* Allow only vertical resizing of textareas.
*/

textarea { resize: vertical; }
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }
.right { float: right; }
/*
* Text Alignment
*/

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/*
* Image Alignment
*/

img.alignleft { float: left; margin: 0 10px 10px 0; display: inline; }
img.alignright { float: right; margin: 0 0px 10px 10px; display: inline; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
/*
* Image replacement
*/

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */ *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden { display: none !important; visibility: hidden; }
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible { visibility: hidden; }
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after { content: ""; display: table; clear: both; }
/*
* overflow method for clearing floats
*/
.floatbox { overflow: hidden; }
/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height: 1px; line-height: 1px; }
/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/*
* Other
*/
/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container { overflow-x: hidden; min-width: 320px; }
.container { max-width: 1127px; }
/* Header ---------------------- */
#header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; background: rgba(0,0,0,.9); }
#header .col-md-9 { padding: 0; }
#header .logo { padding-top: 10px; padding-bottom: 8px; width: 170px; }
#header .logo img { width:75%; }
 @media screen and (max-width:992px) {
#header { padding-top: 8px; }
#header .col-sm-8 { padding-left: 0; padding-right: 0; }
}
 @media screen and (max-width:767px) {
#header { background: #1e1e1e; border-bottom: 1px solid #939393; padding-top: 0; position:fixed; }
}
/* Banner ---------------------- */
.banner { margin-bottom: 106px; }
.banner, .banner img { height: 635px; width: 100%; position: relative; object-fit: cover; }
.banner .container-fluid { overflow: hidden; }
.home .banner .container-fluid { position: relative; }
.banner .container-fluid:after { height: 100px; width: 100%; background: rgba(255,255,255,.5); content: ''; position: absolute; bottom: 0; left: 0; }
.banner .image { background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; top: 0; left: 0; width: 100%; height: 100%; margin-bottom:0; }
body:not(.home) .banner.load .image { transform: scale(1.3); transition: all 8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
body:not(.home) .banner .image:after { content: ""; width: 100%; height: 100%; background: rgba(68,79,94,0.4); position: absolute; top: 0; left: 0; }
.banner h1 { font-size: 90px; color: rgb(255, 255, 255); font-weight: bold; margin-bottom: 0; line-height: 1; }
.banner h2 { font-size: 31.6px; margin-bottom: 64px; color: #ffffff; letter-spacing: 2px; word-spacing: -2px; padding-left: 10px; }
.banner p { color: rgb(255, 255, 255); font-size: 22px; }
.banner .col-md-12 { padding: 0; }
body:not(.home) .banner .inner { position: absolute; top: 50%; width: 100%; opacity: 1; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 99; margin-top: 61px; }
body:not(.home) .banner.load .inner { opacity: 1; transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) .75s; -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) .75s; -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) .75s; -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) .75s; -ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) .75s; }
 @media screen and (max-width:1200px) {
.banner img { min-height: 600px; }
}
 @media screen and (max-width:767px) {
.banner p { font-size: 18px; width: 265px; margin: 0 auto; }
.banner h1 { font-size: 50.9px; }
.banner h2 { font-size: 17.87px; letter-spacing: 1px; padding-left: 5px; word-spacing: 0; }
.banner p br { display: none; }
}
/* Main Navigation ---------------------- */
#main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
#main-navigation > ul > li { float: left; font-size: 17px; font-weight: 400; position: relative; transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#main-navigation > ul > li > a { display: inline-block; padding: 42px 17px 35px 17px; }
#main-navigation ul li a:hover { color: #ffcf33; }
#main-navigation .submenu ul { display: none; list-style-type: none; margin: 0; padding: 40px 50px 27px; position: fixed; width: 1000px; background: #2c2e2f; left: 50%; margin-left: -440px; top: 100px; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; }
#main-navigation .submenu li { float: none; font-weight: 400; margin-bottom: 9px; }
#main-navigation ul > .submenu { font-weight: 400; /* padding-right: 20px; */ position: relative; }
#main-navigation ul > .submenu:after { position: absolute; content: ''; border: solid #ffcf33; width: 8px; height: 8px; transform: rotate(45deg); border-width: 0 2px 2px 0; right: 10px; top: 47px; display:none; }
#main-navigation ul > .submenu:hover:after { transform: rotate(-135deg); top: 50px; }
 @media screen and (min-width:993px) {
#main-navigation ul li:hover { background-color: #2c2e2f; transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
#main-navigation > ul { display: block !important; }
}
#main-navigation li:last-child { margin-right: 0; }
#main-navigation li a { color: rgb(255, 255, 255); font-weight: normal; }
#main-navigation li.btn a { border-radius: 5px; background-color: rgb(234, 110, 77); display: inline-block; min-width: 175px; text-align: center; padding-top: 7px; padding-bottom: 6px; margin-top: -6px; }
.menu-btn { display: none; padding: 0px; border: 0; z-index: 30000; background: none; right: 15px; position: absolute; top: -50px; }
.menu-btn.active { top: -30px; }
.menu-btn span.line { display: block; height: 3px; width: 28px; position: relative; margin: 6px 0; background: #ffffff; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:first-child { left: 0; top: 0px; transform: rotate(45deg); }
.menu-btn.active span:last-child { left: 0; bottom: 18px; transform: rotate(-45deg); }
.menu-btn span:first-child, .menu-btn span:last-child { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menu-btn.active span:nth-child(2) { opacity: 0; }
 @media screen and (max-width:1200px) {
#main-navigation li.btn a { min-width: 120px; padding-top: 5px; padding-bottom: 5px; }
#main-navigation .submenu ul { margin-left: -330px; }
#main-navigation > ul > li { float: left; font-size: 16px; }
#main-navigation > ul > li > a { padding: 40px 7px 40px 7px; }
#main-navigation .submenu ul { top: 102px; width: 800px; }
}
 @media screen and (max-width:992px) {
#main-navigation { position: absolute; width: 100%; }
.menu-btn.active { top: -40px; }
.menu-btn { display: block }
#main-navigation { float: none; background-color: #1e1e1e; left: 0; top: 2px; }
#main-navigation > ul { display: none; padding-top: 12px; }
#main-navigation li { float: none; margin-right: 0; border-bottom: 1px solid #525557; padding-bottom: 10px; }
#main-navigation li.btn { margin-bottom: 20px; }
#main-navigation > ul > li { float: none; border-bottom: 1px solid #939393; padding-bottom: 15px; margin-bottom: 15px; margin-right: 0; }
#main-navigation > ul > li:last-child { border-bottom: none; margin-bottom: 0; }
#main-navigation > ul > li > a { padding-bottom: 0px; padding-left: 35px; padding-right: 20px; padding-top: 0; }
#main-navigation ul > .submenu { padding-right: 0; }
#main-navigation .submenu.career-development-nav, #main-navigation .submenu.traning-nav { background: none; }
#main-navigation .submenu ul { top: 112px; background: #353a40; }
#main-navigation > ul .submenu ul { display: none; list-style-type: none; margin: 0 0 5px; padding: 10px 0px 0px 00px; min-width: auto; background: #2c2e2f; left: 0 !important; top: 114px; column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; -o-column-count: 1; width: 100%; top: 20px; z-index: 100; position: relative; }
@media screen and (max-width: 992px) {
.menu-overlay { display: block; position: absolute; top: -14px; right: 0; width: 51px; height: 51px; z-index: 100; }
}
#main-navigation .submenu ul li { padding-left: 50px; }
#main-navigation .submenu ul li:last-child { margin-bottom: 0; border-bottom: none; }
#main-navigation ul > .submenu:after { display: none; }
#main-navigation ul > .submenu > a:after { position: absolute; content: ''; border: solid #ffcf33; width: 8px; height: 8px; transform: rotate(45deg); border-width: 0 2px 2px 0; right: 20px; top: 6px; }
#main-navigation ul > .submenu.open > a:after { transform: rotate(-135deg); top: 9px !important; }
}
/* Footer ---------------------- */
#footer nav { background: #575b62; text-align: center; padding-top: 12px; padding-bottom: 12px; }
#footer nav ul { list-style-type: none; margin: 0; padding: 0; }
#footer nav li { display: inline-block; font-size: 17px; margin-left: 20px; margin-right: 20px; }
#footer nav a { color: #ffffff; }
#footer nav a:hover { color: #ffcf33; }
#footer .footer-bottom { background: #353a40; padding-top: 53px; font-size: 16px; color: #ffffff; }
#footer .footer-bottom p { line-height: 1.2; }
#footer .logo { position: absolute; left: 20px; bottom: 50px; width: 180px; }
#footer .hidden-xs { display: inline-block !important; }
#footer .container { position: relative; }
#footer .column { position: static; }
 @media screen and (max-width:767px) {
#footer nav li { margin-left: 15px; margin-right: 15px; }
#footer .hidden-xs { display: none !important; }
#footer .logo { text-align: center; position: static; margin: 0 auto 30px; }
#footer .footer-bottom { padding-top: 45px; }
.contact-info { margin-bottom: 45px; }
.socialable { margin-bottom: 30px; }
#footer .column { padding-bottom: 15px; }
}


@media screen and (max-width: 1124px) {
	#footer .logo { bottom: 30px; }
}


/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td { margin: 0; padding: 0; font-size: 18px; font-weight: 300; color: #353a40; direction: ltr; }
.post li {margin-left: 25px;}
.post p { font-family: inherit; font-weight: normal; color: #353a40; font-size: 16px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; }
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }
.post h1 { font-size: 44px; }
.post h2 { font-size: 37px; }
.post h3 { font-size: 27px; }
.post h3 a { color: inherit; }
.post h4 { font-size: 23px; }
.post h5 { font-size: 17px; }
.post h6 { font-size: 14px; }
.post code { font-weight: bold; background: #ffff99; }
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }
.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }
.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }
.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }
.post .metadata p { margin-bottom: 0; line-height: 1; }
@media screen and (max-width:991px) {
.post h3 { font-size: 24px; }
}
@media screen and (max-width:767px) {
.post h3 { font-size: 20px; }
}
.heading { font-size: 50px; font-weight: 400; color: #353a40; margin-bottom: 25px; }
.heading strong { font-weight: 800; }
.heading2 { font-size: 30px; font-weight: 900; color: #353a40; margin-left: -15px; }
body { counter-reset: section; }
.heading2:before { counter-increment: section; content: counter(section); background: url(../images/number-bg.png); background-repeat: no-repeat; background-size: cover; width: 73px; height: 71px; display: inline-block; background-position: center center; text-align: center; line-height: 71px; font-size: 50px; margin-right: 30px; }
 @media screen and (max-width:767px) {
.heading { font-size: 25px; }
.heading2:before { display: block; text-align: center; margin: 0 auto 25px; }
}
.contact-info { list-style-type: none; margin: 0; padding: 0 0 0 12px; margin-bottom: 38px; }
.contact-info li { border-bottom: 1px solid #8c8f92; margin-bottom: 5px; padding-bottom: 5px; }
.contact-info a { display: block; color: #ffffff; }
.contact-info .email-field a:hover strong { color: #ffcf33; }
.contact-info .email-field a strong { font-weight: normal; }
.contact-info .email-field a span { cursor: default; }
.contact-info .email-field a:hover span { color: #fff; }
.contact-info span { display: inline-block; min-width: 130px; }
.socialable { list-style-type: none; margin: 0; padding: 0 0 0 12px; float: left; margin-bottom: 60px; }
.socialable li { margin-right: 9px; font-size: 25px; display: inline-block; }
.socialable li a { color: #252525; width: 45px; height: 45px; line-height: 45px; background: #d0d0d0; text-align: center; border-radius: 50%; border: 1px solid #252525; display: inline-block; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.socialable li a:hover { color: #d0d0d0; background: #252525; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
 @media screen and (max-width:992px) {
.contact-info, .socialable { padding: 0; }
.contact-info span { min-width: 100px; }
.socialable li { margin-right: 7px; }
}
 @media screen and (max-width:767px) {
.socialable { float: none; text-align: center; }
}
.benefits { background: #ffcf33; padding-top: 70px; margin-bottom: 110px; padding-bottom: 37px; }
.benefits h2 { font-size: 50px; font-weight: 800; color: #282a2c; padding-top: 44px; line-height: 1; }
.benefits h3 { font-size: 18px; font-weight: 700; color: #282a2c; }
.benefits .icon { min-height: 115px; line-height: 115px; margin-bottom: 45px; }
 @media screen and (max-width:992px) {
.benefits h2 br { display: none; }
.heading2 { margin-left: 0; }
}
 @media screen and (max-width:767px) {
.benefits { padding-top: 40px; padding-bottom: 40px; }
.benefits h2 { font-size: 33px; text-align: center; }
}
.button { font-size: 18px; text-transform: uppercase; font-weight: 900; }
.btn1 { color: #ffffff; background: #ffffff; padding: 5px; padding: 5px 8px; border-radius: 15px; min-width: 442px; min-height: 57px; display: inline-block; position: relative; top: 68px; }
.banner .btn2 { position: relative; top: -28px; }
.btn2 { color: #000000; background: #ffffff; display: inline-block; padding: 5px 8px; border-radius: 15px; min-width: 442px; min-height: 57px; }
.button span { background: #353a40; display: block; border-radius: 15px; padding: 6px 0px; }
.btn2 span { background: #ffd651; }
.button .hidden-xs { display: inline-block !important; }
.btn2:hover span { background: #edbc1e; }
.button:hover { color: #000; }
.button.btn1:hover { color: #fff; }
.btn1:hover span { background: #000000; }
 @media screen and (max-width:767px) {
.btn1 { min-width: 253px; }
.btn2 { min-width: 253px; }
.button .hidden-xs { display: none !important; }
}
.product-team { margin-bottom: 119px; position: relative; }
.product-team figure { text-align: center; padding-top: 110px; }
.list1 { margin: 0; padding: 0; list-style-type: none; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; }
.list1 li { background: url(../images/list-icon.png); background-repeat: no-repeat; padding-left: 50px; font-weight: 300; color: #353a40; font-size: 18px; margin-bottom: 17px; background-position: left 10px top 5px; }
.valign { position: absolute; top: 50%; transform: translateY(-50%); }
@media screen and (max-width:992px) {
.valign { position: static; top: 50%; transform: none; }
.product-team figure { padding-top: 40px; }
}
 @media screen and (max-width:767px) {
.list1 { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; -o-column-count: 1; column-gap: 0px; }
}
.product-fit { margin-bottom: 70px; position: relative; }
.product-fit .support { text-align: right; margin-top: 123px; right: -30px; position: relative; width: 380px; }
.product-fit .support figcaption { position: absolute; font-weight: 800; font-size: 30px; top: 70px; text-align: center; padding: 0 60px; line-height: 1.2; }
.product-fit h3 { color: #353a40; font-size: 22px; font-weight: 800; line-height: 28px; margin-bottom: 26px; }
.product-fit p { color: #353a40; font-size: 18px; font-weight: 400; margin-bottom: 30px; }
.product-fit p.lead { font-size: 22px; font-weight: 800; }
 @media screen and (max-width:1200px) {
.product-fit .support { right: 5px; }
}
 @media screen and (max-width:992px) {
.product-fit .support { margin: 0px auto; right: 0; }
}
 @media screen and (max-width:767px) {
.product-fit h3 { font-size: 18px; }
.product-fit p.lead { font-size: 18px; }
.product-team { margin-bottom: 70px; }
}
 @media screen and (max-width:400px) {
.product-fit .support { width: 100%; }
.product-fit .support figcaption { font-size: 27px; top: 70px; padding: 0 30px; }
}
 @media screen and (max-width:360px) {
.product-fit .support figcaption { font-size: 22px; top: 64px; }
}
.product-team .heading { margin-bottom: 48px; }
.program { padding-bottom: 90px; }
.program .heading { line-height: 56px; margin-bottom: 55px; }
.program .heading strong { font-weight: 800; }
.program p { color: #858a92; font-weight: 400; font-size: 18px; padding-right: 0px; margin-bottom: 16px; line-height: 1.35; padding-right: 15px; }
.list2 { list-style-type: none; margin: 0; padding: 0; }
.list2 li { color: #353a40; font-size: 18px; font-weight: 300; }
.program .item { background: #9599a0; float: left; width: 33.33%; border-left: 2px solid #ffffff; }
.program .item header { text-align: center; }
.program header h3 { font-size: 18px; color: #353a40; font-weight: 900; margin-bottom: 6px; }
.program header h4 { font-size: 30px; color: #353a40; font-weight: 700; margin-bottom: 0px; }
.program .item ul { padding: 12px; }
.program .item .item-name, .program .item li { text-align: center; color: #ffffff; padding-bottom: 0px; margin-bottom: 9px; border-bottom: 1px solid #ffffff; font-size: 17px; }
.program .item.highlighted { background: #ffd651; position: relative; }
.program .item.highlighted li { color: #000000; }
.program .item li:last-child { border-bottom: none; }
 @media screen and (max-width:767px) {
.program .item { width: 100%; }
.program .heading { text-align: center; }
.heading2 { font-size: 25px; text-align: center; }
.hide-mobile { display: none !important; }
.border-none { border: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.box1 .item-name { min-height: 40px; }
.program .heading { line-height: 1.2; }
}
 @media screen and (min-width:768px) {
.hide-desktop { display: none !important; }
}
.box1 { margin-bottom: 65px; padding-top: 35px; }
.box1 .item-wrapper { width: 24%; float: left; border-left: 2px solid #ffffff; text-align: center; padding-top: 9px; }
.box1 .item-wrapper .item { background: #9599a0; padding: 12px 12px; width: 100%; border-left: none; }
.box1 .item-wrapper .item:first-child { padding: 12px 4px; }
.box1 .item-wrapper header { padding-bottom: 4px; }
.box1 .item-name { text-align: center; color: #ffffff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ffffff; min-height: 60px; }
.box1 .item-name:last-child { border-bottom: none; }
.box1 .item-wrapper:first-child { text-align: left; width: 28%; }
.box1 .item-wrapper.highlighted { background: #ffd651; position: relative; }
.box1 .item-wrapper.highlighted::before { content: ""; background: url(../images/table-bg.png); background-repeat: no-repeat; background-size: cover; width: 182px; height: 126px; display: block; background-position: center center; position: absolute; top: -33px; left: 50%; transform: translateX(-50%); }
.box1 .item-wrapper.highlighted::after { content: ""; background: #ffd651; position: absolute; height: 30px; bottom: -30px; z-index: 100; display: block; width: 100%; }
.box1 .item-wrapper.highlighted .item { background: #ffd651; }
.box1 .item-wrapper.highlighted .item-name { color: #000000; }
.box1 .item-wrapper:first-child .item-name { color: #000000; text-align: left; padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; line-height: 1.25; }
.box1 .item-wrapper:first-child .item { margin-top: 76px; background: none; }
.item-name.quarterly-payments { min-height: 29px; }
.item-wrapper:first-child .item-name.quarterly-payments { min-height: 42px; }
.item-name.team-size { min-height: 34px; }
.item-wrapper:first-child .item-name.team-size { min-height: 42px; }
.item-name.assessment { min-height: 53px; }
.item-wrapper:first-child .item-name.assessment { min-height: 64px; padding-right: 25px; }
.item-name.plan { min-height: 57px; }
.item-wrapper:first-child .item-name.plan { min-height: 63px; padding-right: 30px; }
.item-name.learning-days { min-height: 54px; }
.item-wrapper:first-child .item-name.learning-days { min-height: 64px; padding-right: 30px; }
.item-name.coaching-days { min-height: 33px; }
.item-wrapper:first-child .item-name.coaching-days { min-height: 43px; padding-right: 30px; }
.item-name.product-leader { min-height: 77px; }
.item-wrapper:first-child .item-name.product-leader { min-height: 86px; padding-right: 40px; }
.item-name.management-framework { min-height: 75px; }
.item-wrapper:first-child .item-name.management-framework { min-height: 86px; padding-right: 30px; }
.item-name.workshops { min-height: 45px; }
.item-wrapper:first-child .item-name.workshops { min-height: 55px; }
.item-name .availablity { display: inline-block; height: 7px; width: 7px; background: #000000; border-radius: 50%; }
.item-name .availablity.white-bg { background: #ffffff; }
.box2 header { background: #ffffff; padding-bottom: 15px; }
.box2 .item.highlighted ul { padding-top: 12px; margin-top: -6px; z-index: 100; position: relative; background: #ffd651; }
.box2 .item.highlighted::before { content: ""; background: #ffd651; position: absolute; height: 6px; top: 42px; z-index: 100; display: block; width: 100%; }
.box2 .item.highlighted::after { content: ""; background: #ffd651; position: absolute; height: 6px; bottom: -6px; z-index: 100; display: block; width: 100%; }
.program .text-center { padding-top: 111px; }
.box2 .item-name { min-height: 63px; padding-top: 10px; }
.box2 .item-name:last-child { margin-bottom: 0; border-bottom: none; }
.box2 .item-wrapper { padding: 12px; }
.program .item.highlighted .item-name { color: #000000; }
.lead { color: #353a40; font-size: 22px; font-weight: 800; line-height: 28px; margin-bottom: 26px; }
.program .lead { color: #353a40; font-size: 22px; font-weight: 800; line-height: 28px; margin-bottom: 26px; }
.step2 { margin-bottom: 58px; }
.step2 .heading2 { margin-bottom: 36px; }
.step3 .heading2 { margin-bottom: 40px; font-size: 28px; }
.program .step3 header h3 { font-size: 25px; margin-bottom: 0; line-height: 1.2; }
.program .step3 .item-name { padding: 10px 15px 1px; margin-bottom: 3px; }
.stickit { position: fixed; top: 20px; width: 320px; }
.stickit-end { bottom: 0px; position: absolute; left: 15px; width: 320px; }
 @media screen and (max-width:767px) {
.box1 .item-wrapper { width: 100%; }
.box1 .item-wrapper.highlighted::after { display: none; }
.box1 { padding: 0 12px; margin-bottom: 30px; }
.step2 { margin-bottom: 30px; }
.box1 .item-wrapper:first-child { width: 100%; display: none; }
.box1 .item-wrapper:first-child .item { margin-top: 0; }
.program { padding-bottom: 40px; }
.program .text-center { padding-top: 55px; }
.box1 .item-wrapper:first-child .item-name { text-align: center; min-height: auto !important; margin-bottom: 10px; padding-bottom: 10px; }
.item-wrapper { margin-bottom: 20px; }
.item-wrapper.highlighted { margin-top: 40px; }
.box2 .item.highlighted::before, .box2 .item.highlighted::after { display: none; }
.box1 .item-name, .box2 .item-name { min-height: 40px; }
.program .step3 .item { margin-bottom: 20px; }
}
 @media screen and (max-width:992px) {
.stickit, .stickit-end { position: relative !important; left: 0; top: 0; width: 100% !important; }
.stickem-container .aside { height: auto !important; }
}
 @media screen and (max-width:776px) {
body.home .banner { /* top: 100px; */ } 
}
body.home .banner .inner { position: absolute; bottom: 44px; width: 50%; right: 0; z-index: 100; }
body.home .banner h1 { position: absolute; top: 50%; margin-top: -30px; text-align: center; color: #fff; font-size: 55px; font-weight: 400; width: 100%; }
body.home .banner .image { background-position: top center; background-color: #ECEDEF; }
body.home .banner h1 { background: rgba(255,207,51,.6); padding: 30px 80px 30px 50px; font-size: 47px; line-height: 1.4; color: #353a40; font-weight: 400; border-radius: 5px 5px 0 0; position: relative; }
body.home .banner h1:after { position: absolute; content: ''; background: url(../images/icon6.png) no-repeat; width: 64px; height: 57px; right: 10px; top: 10px; }
body.home .banner h1 strong { font-weight: 900; }
body.home .banner h2 { background: #ffce33; font-size: 16px; line-height: 1; color: #353a40; font-weight: 400; margin: 0; border-radius: 0 0 5px 5px; padding: 20px 30px 20px 50px; text-transform: uppercase; }
body.home .banner .container { position: relative; }
@media screen and (max-width:1200px) {
body.home .banner .inner { right: 10px; }
body.home .banner h1 { font-size: 36px; }
body.home .banner h2 { font-size: 14px; line-height: 1.2; }
body.home .banner .image { background-size: cover; background-position: top left; }
}
@media screen and (max-width:1100px) {
body.home .banner h1 { font-size: 30px; padding: 20px 60px 20px 20px; }
body.home .banner h2 { padding: 20px; }
}
@media screen and (max-width:992px) {
body.home .banner .inner { bottom: 29px; }
body.home .banner, body.home .banner img { min-height: 400px; max-height: 400px; }
}
@media screen and (max-width:767px) {
body.home .banner .inner { width: 90%; right: 0; transform: translate(-50%, 0); left: 50%; }
body.home .banner h1 { font-size: 25px; }
body.home .banner, body.home .banner img { min-height: 325px; max-height: 325px; }
}
@media screen and (max-width:400px) {
body.home .banner h1 { font-size: 21px; }
body.home .banner, body.home .banner img { min-height: 275px; max-height: 275px; }
}
body.home { color: #353a40; }
.section { padding: 80px 0; }
.section h2 { font-size: 35px; line-height: 1; color: #353a40; font-weight: 900; margin-bottom: 0px; }

.section h3 { font-size: 26px; line-height: 1.4; color: #353a40; margin-bottom: 20px; }
.page-template-page-homepage-2017 .section h2:first-of-type {margin-bottom: 30px !important;}
.home #content > .section .col-sm-8 p + h3 { margin-bottom: 0; }
.section p { font-size: 16px; color: #353a40; margin-bottom: 20px; }
.section p.lead { font-size: 22px; font-weight: 800; }
.section .logo-btn { display: block; margin-bottom: 20px; }
.section .tags { margin-bottom: 45px; }
.section .tags a { font-size: 16px; line-height: 1; display: inline-block; font-weight: 700; color: #353a40; }
.section .tags a + a { border-left: 1px solid #353a40; padding-left: 20px; margin-left: 20px; }
.section + .section { border-top: 1px solid #dfdfe0; }
@media screen and (max-width:1100px) {
.section h2 { font-size: 30px; }
.section h3 { font-size: 22px; }
}
@media screen and (max-width:767px) {
.section { padding: 40px 0 20px; }
.section h2 { font-size: 24px; margin-bottom: 15px; }
.section .tags { margin-bottom: 20px; }
.section img { margin-bottom: 25px; }
}
.button1, .button2, .button3 { font-size: 18px; line-height: 1; font-weight: bold; display: inline-block; color: #fff; background: #c31e27; padding: 15px 35px; border-radius: 10px; }
.button2 { background: #4e4c3e; }
.button3 { background: #ffcd31; color: #000; }
.upcoming-courses { background: #ffcf33; padding: 70px 0; position: relative; }
.upcoming-courses:before { position: absolute; content: ''; border: 30px solid transparent; border-top-color: #fff; top: 0; left: 50%; margin-left: -30px; }
.upcoming-courses h2 { font-size: 43px; line-height: 1; color: #353a40; font-weight: 900; margin-bottom: 50px; }
.upcoming-courses h2 img { margin-right: 10px; }
.upcoming-courses .post { margin-bottom: 60px; position: relative; padding-bottom: 30px; position:relative; }
.upcoming-courses .post:before { width:1px; height:100%; background:#353a40; position:absolute; top:0; right:-13px; content:''; }
.upcoming-courses .col-sm-4:last-child .post:before { display:none; }
.upcoming-courses .post .learn-more { position: absolute; bottom: 0px; left: 0; }
.upcoming-courses .post .learn-more:after { display:none; }
.upcoming-courses h3 { font-weight: 900; color: #353a40; margin-bottom: 20px; }
.upcoming-courses .metadata { margin-bottom: 10px; }
.upcoming-courses .metadata p span { border-left: 1px solid #353a40; padding-left: 10px; margin-left: 10px; display: inline-block; }
@media screen and (max-width:1100px) {
.upcoming-courses { padding: 50px 0; }
.upcoming-courses h2 { font-size: 36px; }
}
@media screen and (max-width:767px) {
.upcoming-courses { padding: 30px 0; }
.upcoming-courses .post { margin-bottom: 30px; }
.upcoming-courses h2 { margin-bottom: 20px; font-size: 25px; }
/*.upcoming-courses h2 img { width:22%; margin-right:5px; }*/
.upcoming-courses .col-sm-4 .post:before { display:none; }
.upcoming-courses h3 { margin-bottom: 10px; }
.upcoming-courses .post { height: auto !important; padding-bottom: 0; }
.upcoming-courses .post .learn-more { position: relative; }
}
.learn-more { font-size: 16px; line-height: 1; display: inline-block; color: #353a40; padding-right: 25px; font-weight: 700; position: relative; }
.learn-more:after { position: absolute; content: ''; border: 7px solid transparent; border-left-color: #353a40; top: 1px; right: 0; }
.join-community { padding: 70px 0; text-align: center; border-bottom: 1px solid #dfdfe0; }
.join-community h2 { font-size: 27px; line-height: 1; margin-bottom: 20px; }
.join-community h2 span { display: inline-block; padding: 20px 20px 30px; vertical-align: middle; background: url(../images/circle-icon.png) no-repeat; }
.join-community p { font-size: 16px; margin-bottom: 30px; }
@media screen and (max-width:767px) {
.join-community { padding: 30px 0; }
}
.subscribe-form.form input[type=email] { width: 290px; }
.subscribe-form.form input { margin: 0 2px; }
@media screen and (max-width:767px) {
.subscribe-form.form input { margin: 0 0 10px; }
.subscribe-form.form input[type=email], .subscribe-form.form input { width: 100%; }
.button1, .button2 { width: 100%; text-align: center; margin-bottom: 20px; }
body.courses-page .banner .button1 { position: absolute !important; bottom: 10px; left: 0; top: auto !important; border: none !important; margin: 0 10px; width: calc(100% - 20px); }
}
.form input[type=email], .form input[type=submit] { background: #ddd; padding: 0 20px; border: 0; color: #353a40; font-size: 16px; height: 48px; line-height: 48px; border-radius: 10px; }
.form input[type=submit] { background: #c31e27; color: #fff; padding: 0 55px; font-weight: 700; font-size: 18px; }
.clients { background: #ededee; padding: 50px 0; text-align: center; }
.clients h2 { font-size: 35px; font-weight: normal; margin-bottom: 30px; line-height: 1; }
.clients h2 strong { font-weight: 900; }
.clients h2 img { margin-right: 10px; vertical-align: bottom; }
.clients ul { margin: 0; padding: 0; }
.clients ul li { list-style: none; display: inline-block; padding: 0 10px; }
@media screen and (max-width:992px) {
.clients ul li { margin-bottom: 10px; }
}
@media screen and (max-width:767px) {
.clients { padding: 20px 0; }
.clients h2 { font-size: 26px; }
.clients h2 img { margin-bottom: 0; }
}
#why-brainmates { text-align: center; padding: 50px 0; height: 650px; position: relative; overflow: hidden; }
#why-brainmates .container { height: inherit; }
#why-brainmates h2 { position: absolute; transform: translate(-50%, -50%); background: url(../images/bubble-icon.png) no-repeat center center; padding: 80px; left: 50%; top: 50%; font-size: 43px; font-weight: normal; z-index: 1; }
#why-brainmates h2 strong { font-weight: 900; display: block; }
#why-brainmates h2:before { position: absolute; content: ''; background: url(../images/arrows.png) no-repeat; width: 544px; height: 281px; left: -61px; top: 27px; z-index: -1; }
#why-brainmates ul { margin: 0; padding: 0; position: relative; height: inherit; }
#why-brainmates li { list-style: none; font-size: 26px; color: #353a40; line-height: 30px; width: 240px; position: absolute; }
#why-brainmates li strong { font-weight: 900; }
#why-brainmates .point1 { left: 30%; top: 60px; }
#why-brainmates .point2 { right: 120px; top: 100px; }
#why-brainmates .point3 { right: 0; top: 260px; }
#why-brainmates .point4 { right: 140px; bottom: 120px; }
#why-brainmates .point5 { left: 37%; bottom: 90px; }
#why-brainmates .point6 { left: 10%; bottom: 120px; }
#why-brainmates .point7 { left: 0; top: 43%; }
#why-brainmates .point8 { left: 40px; top: 120px; }
@media screen and (max-width:991px) {
#why-brainmates li { font-size: 20px; width: 200px; }
}
@media screen and (max-width:800px) {
#why-brainmates { height: auto; text-align: left; padding: 30px 0; }
#why-brainmates h2 { position: relative; transform: none; background: none; transform: none; left: auto; top: auto; font-size: 30px; padding: 0; }
#why-brainmates h2:before { display: none; }
#why-brainmates h2 strong { display: inline-block; }
#why-brainmates li { position: relative; width: 100%; margin: 0 0 10px; display: block; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; background: url(../images/list-arrow.png) no-repeat left 8px; padding-left: 50px; }
}
#community { padding: 80px 0; border-top: 1px solid #dfdfe0; }
#community figure { margin: 0 0 30px; }
#community figure img { width: 100%; }
#community h2 { font-size: 43px; margin-bottom: 75px; font-weight: 900; }
@media screen and (max-width:991px) {
#community { padding: 50px 0; }
#community h2 { font-size: 36px; margin-bottom: 40px; }
}
@media screen and (max-width:767px) {
#community { padding: 20px 0; }
#community figure { margin-bottom: 15px; }
#community h2 { font-size: 30px; margin-bottom: 20px; }
#community .post { margin-bottom: 20px; }
}
#loader { background: #fff url("../images/loader.gif") no-repeat center center; position: fixed; z-index: 10000; width: 100%; height: 100%; }
/*--- Courses Page Specific --- */
body.courses-page .banner, body.home .banner { margin-bottom: 30px; }
body.courses-page .banner .container-fluid:after { display: none; }
body.courses-page .banner h1 { font-size: 50px; margin-bottom: 20px; }
body.courses-page .banner .button1 { position: relative; top: -28px; border: 8px solid #fff; padding: 15px 60px; }
body.courses-page .section h2 { color: #353a40; }
body.courses-page { color: #353a40; }
body.courses-page .clients { background: none; }
@media screen and (max-width:767px) {
body.courses-page .banner { margin-bottom: 0; height:450px; overflow:hidden; }
body:not(.home) .banner .inner { margin-top:25px; }
body.courses-page .banner h1 { font-size: 36px; padding: 0 10px; }
body.courses-page .banner h1 br, body.courses-page .banner p br { display: none; }
body.courses-page .banner p { font-size: 16px; padding: 0 10px; }
}
/*--- What Learn ---*/
.what-learn .col-sm-6:first-child { padding-top: 60px; }
.what-learn h2 { margin-bottom: 20px; font-weight: 700; }
.what-learn ul { margin: 0 0 50px; padding: 0; }
.what-learn ul li { list-style: none; display: inline-block; vertical-align: top; width: 16.66%; margin: 0 -2px 10px; padding: 0 10px; }
.what-learn ul li figure { margin: 0 0 10px; min-height: 75px; line-height: 75px; }
@media screen and (max-width:991px) {
.what-learn ul li { width: 33.33%; }
}
@media screen and (max-width:767px) {
.what-learn ul li { width: 50%; }
.what-learn, .what-learn .col-sm-6:first-child { padding-top: 0px; }
.what-learn ul li figure img { margin-bottom: 0; }
}
@media screen and (max-width:479px) {
.what-learn ul li { width: 100%; }
.what-learn ul li figure { min-height: 0; line-height: 0; }
}
/*--- Training Team ---*/
.training-team { background: #eaebec; padding: 70px 0; }
.training-team h2 { color: #c31e27; margin-bottom: 50px; font-size: 43px; }
.training-team h2 strong { font-weight: 800; }
.training-team figure { width: 186px; height: 186px; border-radius: 50%; margin: 0 0 30px; }
.training-team figure img { border-radius: 50%; }
.training-team span { font-size: 16px; line-height: 1; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 15px; }
.training-team h3 { font-size: 27px; margin-bottom: 20px; line-height: 1; }
.training-team p { font-weight: 700; }
.training-team .linkedin-btn { position: absolute; bottom: 0; left: 17px; }
.training-team .col-sm-4 { padding-bottom: 25px; }
@media screen and (max-width:991px) {
.training-team { padding: 40px 0; }
.training-team h2 { font-size: 36px; margin-bottom: 20px; }
}
@media screen and (max-width:767px) {
.training-team { padding: 20px 0; }
.training-team h2 { font-size: 30px; }
.training-team h3 { font-size: 20px; margin-bottom: 10px; }
.training-team span, .training-team p { font-size: 14px; margin-bottom: 10px; }
.training-team .linkedin-btn { position: relative; left: 0; display: block; margin-top: 20px; }
}
/*--- What Included ---*/
.what-included h2 { font-size: 43px; margin-bottom: 50px; }
.what-included p { font-size: 22px; font-weight: 300; }
@media screen and (max-width:991px) {
.what-included h2 { font-size: 36px; margin-bottom: 20px; }
.what-included p { font-size: 20px; }
}
@media screen and (max-width:767px) {
.what-included h2 { font-size: 30px; }
.what-included p { font-size: 18px; }
.what-included img { margin-bottom: 0; }
}
/*--- List 3 ---*/
.list3 { margin: 0; padding: 0; }
.list3 li { padding: 0 0 0 35px; list-style: none; position: relative; font-size: 18px; line-height: 22px; margin-bottom: 20px; }
.list3 li:before { position: absolute; content: ''; background: #353a40; border-radius: 50%; width: 7px; height: 7px; left: 0; top: 7px; }
/*--- List 4 ---*/
.list4 { margin: 0; padding: 0; }
.list4 li { list-style: none; font-size: 18px; line-height: 22px; font-weight: 700; color: rgba(53,58,64,.7); padding-left: 20px; margin-bottom: 25px; position: relative; }
.list4 li:before { position: absolute; content: ''; border: 6px solid transparent; left: 0; top: 4px; border-left-color: #c31e27; }
@media screen and (max-width:767px) {
.list4 li { font-size: 16px; margin-bottom: 10px; }
}
/*--- Rwd Table ---*/
.rwd-table { width: 100%; color: #353a40; overflow: hidden; margin-bottom: 25px; }
.rwd-table tr:nth-child(even) { background: rgba(255,255,255,.5); }
.rwd-table th, .rwd-table td { text-align: left; font-size: 18px; padding: 15px; }
.rwd-table th { display: none; text-transform: uppercase; padding-bottom: 30px; }
.rwd-table td { display: block; font-weight: bold; }
.rwd-table td:first-child { padding-top: .5em; }
.rwd-table td:last-child { padding-bottom: .5em; }
.rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 6.5em; display: block; float: left; clear: both; margin-bottom: 15px; }
.rwd-table th, .rwd-table td:before { color: #353a40; font-weight: 900; }
.rwd-table .register-btn { font-size: 18px; line-height: 1; color: #c31e27; text-transform: uppercase; font-weight: 900; }
.rwd-table td:last-child:before { content: ''; }
@media screen and (max-width:1100px) {
.rwd-table th, .rwd-table td, .rwd-table .register-btn { font-size: 16px; }
}
@media screen and (max-width:991px) {
.rwd-table th, .rwd-table td, .rwd-table .register-btn { font-size: 14px; }
.rwd-table th, .rwd-table td { padding: 10px; }
}
@media screen and (max-width:767px) {
.rwd-table th, .rwd-table td { padding: 5px 10px; }
}
@media screen and (min-width: 568px) {
.rwd-table td:before { display: none; }
.rwd-table th, .rwd-table td { display: table-cell; }
}
/*--- FAQ ---*/
.faq h2 { font-size: 43px; margin-bottom: 40px; }
.faq h4 { font-size: 18px; color: #000; margin-bottom: 20px; }
.faq p { font-size: 18px; line-height: 22px; margin-bottom: 60px; }
@media screen and (max-width:991px) {
.faq h2 { font-size: 36px; margin-bottom: 20px; }
.faq p { margin-bottom: 40px; }
}
@media screen and (max-width:767px) {
.faq h2 { font-size: 30px; }
.faq h4 { margin-bottom: 10px; }
.faq p { font-size: 16px; margin-bottom: 20px; }
.faq img { margin-bottom: 0; }
}
/*--- We help ---*/
.we-help { background: #eaebec; padding: 45px 30px; position: relative; }
.we-help:before { position: absolute; content: ''; background: url(../images/icon14.png) no-repeat; width: 88px; height: 91px; right: 0; top: -10px; }
.we-help h3 { font-size: 27px; font-weight: 900; color: #c31e27; margin-bottom: 20px; }
.we-help p { font-weight: bold; margin-bottom: 0; }
.we-help p a { font-weight: bold; color: #c31e27; }
@media screen and (max-width:767px) {
.we-help { padding: 20px 15px; }
.we-help h3 { font-size: 20px; margin-bottom: 10px; }
}
/*--- Certification ---*/
.certification img { float: left; margin-right: 70px; }
.certification p { font-size: 18px; }
@media screen and (max-width:991px) {
.certification img { margin-right: 40px; }
}
@media screen and (max-width:767px) {
.certification img { margin-right: 20px; }
}
body.search-results #content, body.page #content, body.single #content, body.category #content { padding-top: 150px; }
body.page .banner + #content, body.single .banner + #content { padding-top:0; }
#page-head { margin-bottom: 20px; }
#page-head h1 { font-weight: normal; font-size: 50px; border-bottom: 1px solid #c4c6c8; padding-bottom: 30px; }
.page .post header, .single .post header { margin-bottom: 35px; }
.page .post header h2, .single .post header h2 { font-size: 35px; margin-bottom: 5px; }
.page .post p, .single .post p { font-weight: 300; font-size: 18px; margin-bottom: 30px; line-height: 26px; }
.page .post p a, .single .post p a { color: #c31d27; }
.page .post p strong, .single .post p strong { font-size: 22px; font-weight: 800; }
.page #community .post p a { color: #353a40 !important; font-weight: normal !important;}

.promotion { margin: 50px 0; }
.page-template-page-brainrants-php #community, .single #community, .category #community  { border: 0; }
.post-footer { border-top: 1px solid #c4c6c8; border-bottom: 1px solid #c4c6c8; padding: 35px 0 25px; }
.post-footer figure { float: left; margin-right: 50px; }
.post-footer figure img { border-radius: 50%; }
.post-footer p a { color: #c31d27; }
.widget { margin-bottom: 45px; }
.widget h2 { font-size: 22px; color: #353a40; font-weight: 800; }
.widget ul { margin: 0; padding: 0; list-style: none; }
.widget li { font-size: 16px; margin-bottom: 25px; }
.widget li a {     color: #353a40; font-weight: 800;}
.widget.share a { margin: 0 10px 10px 0; display: inline-block; }
.widget.subscribe { background: #ffce32; padding: 15px 30px 25px; }
.widget.subscribe h2 { font-size: 27px; }
.widget.subscribe h2 span { position: relative; }
.widget.subscribe h2 span:before { background: url(../images/subscribe-circle.png) no-repeat top left; content: ''; position: absolute; width: 173px; height: 85px; top: -30px; left: -17px; }
.widget.subscribe input[type=email] { display: block; border: 0; border-radius: 10px; padding: 12px; margin-bottom: 15px; width: 100%; color: #353a40; }
.widget.subscribe input[type=submit] { border: 0; width: 190px; text-align: center; color: #fff; background: #353a40; border-radius: 10px; font-size: 18px; height: 48px; }
@media screen and (max-width:991px) {
.post-footer figure { margin-right: 25px; }
.widget.subscribe { padding: 15px 15px 25px; }
#page-head h1 { font-size: 40px; padding-bottom: 20px; }
.single .post header h2 { font-size: 30px; }
.page .post {font-size: 17px;}
}
@media screen and (max-width:767px) {
  body.page .banner + #content, body.single .banner + #content { padding-top:40px; }
  body.home .section:first-of-type, body.home .banner + #content { padding-top:00px !important; }
   
.post-footer { margin-bottom:50px; }
.post-footer figure { margin-right: 0px; float:none; text-align:center; margin-bottom:15px; }
.widget.subscribe { padding: 15px 15px 25px; }
#page-head h1 { font-size: 35px; }
.page .post, .single .post header h2 { font-size: 17px; }
}

.wsp-pages-title {display: none !important;}

.posts .post { padding-bottom: 30px; margin-bottom: 45px;  border-bottom: #c4c6c8 1px solid; }
.posts .post:last-of-type { border: 0; }
.posts .post figure { float: left; padding-right: 25px; width: 42%; }
.posts .post .entry { float: right; width: 58%; font-size: 15px; line-height: 1.3; font-weight:300; }
.posts .post h2 { font-size: 23px; line-height: 1.2; padding-bottom:25px; position: relative; }
.posts .post h2 a { color: #353a40; }
/*.posts .post h2:before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 60%; background: #e5272f; }*/
.posts .post p { font-size: 15px; line-height: 1.3; margin:15px 0; color: #000000; }
.posts .post p a { font-weight: bold; }

.search-results .posts .post .entry a, .error404 .posts .post .entry a, .page-template-page-brainrants-php .posts .post .entry a { color: #353a40 !important;}
.search-results .posts .post .entry a {font-weight: normal}
.blog-pagination { margin: 0; padding: 0; text-align: center; }
.blog-pagination li { list-style: none; display: inline-block; }
.blog-pagination li a { color:#2b2527; font-size: 18px; padding: 0 20px; }
.blog-pagination li span { color:#e42129; font-size: 18px; padding: 0 20px; position: relative; }
.blog-pagination li span.current:before{ z-index: -1; position: absolute; content: ''; background: url("../images/pages-active-bg.jpg") no-repeat top left; width: 62px; height: 43px; top: -10px; left:-5px; }
.blog-pagination li .dots { color:#2b2527;  }
.blog-pagination li a:hover { color:#e42129; }
.blog-pagination li .prev, .blog-pagination li .next { font-size: 20px; }

@media screen and (max-width:767px) {
  .posts .post figure { float: none; width: 100%; padding:0; margin-bottom:35px; }
  .posts .post .entry { float: none; width: 100%; }
  .blog-pagination li a, .blog-pagination li span , .blog-pagination li .prev, .blog-pagination li .next  { font-size:14px; padding: 0 10px; }
}

#about-banner.banner, #about-banner.banner img { height: 540px; }
#about-banner.banner h1 { font-size:50px; margin-bottom:20px; }
#about-banner.banner .container-fluid:after { display:none; }
#about-banner.banner .btn2 { min-width:235px; color:#fff; }
#about-banner.banner .btn2 span { background:#c22026; padding-left: 4px; padding-right: 4px; }
#about-banner.banner h2 { font-size:23px; font-weight:400; }
#about-banner.banner h2 strong { display:block; }

#course-banner.banner .btn2 {min-width: 222px;}
#course-banner.banner .btn2 span { background:#c22026; padding-left: 4px; padding-right: 4px; color: #fff; max-width: 200px;}

.page-template-default article ul {margin-left: 25px;}
.page-template-default figure {margin-bottom: 27px;}

.staff { background:#e9e9e9; padding:22px; margin-bottom:25px; }
.staff:last-of-type { margin-bottom:50px; }
.staff > img { float:left; margin-right:50px; border-radius:50%; }

.staff h2 { font-size:16px; color:#353a40; text-transform:uppercase; }
.staff h1 { font-size:30px; color:#353a40; font-weight:900; }
.page .post .staff p { font-size:16px; }

@media screen and (max-width:992px) {
  .staff { text-align:center; padding-bottom:1px; }
  .staff img { float:none; margin:0px 0px 20px; }
}

.error404 #page-head {margin-top: 120px;}
.error404 #page-head .container {margin-bottom: 80px;}

.testimonial-name {float: right;
    font-weight: 700;
    margin-bottom: 45px;
	margin-top: 7px;}

.testimonial-name a {color: #353a40;}

#header .search-form { float:right; padding-top:35px; position:relative; }
#header .search-form:after { content:"\f002"; font: normal normal normal 19px/1 FontAwesome; position:absolute; color:#000; top:44px; right:8px; pointer-events:none; }
#header .search-form input[type="search"] { background: #ededee; border: 0; color: #000; font-size: 17px; max-width: 130px; vertical-align: top; height: 25px; padding: 5px 10px; line-height: 25px; }
#header .search-form input[type="submit"] { background:#ffce33; height:35px; width:35px; border:0; cursor:pointer; vertical-align:top; }

@media screen and (max-width:1200px) {
  #header .search-form { padding-right:15px; }
  #header .search-form:after { right:22px; }
}

@media screen and (max-width:991px) {
  #header .search-form { position: absolute; right: 50px; top: -52px; padding-top:0; }
  #header .search-form:after { top: 8px; }
}
@media screen and (max-width:400px) {
  #header .search-form input[type="search"] { max-width:85px; }
}
@media screen and (max-width:360px) {
  #header .search-form { display:none; }
}

.post h2.wsp-pages-title {display: none !important;}
.search-results .posts .post h2 , .page-template-page-brainrants .posts .post h2 { font-size: 23px; line-height: 1.2; min-height: 35px; position: relative; }
.search-results .posts .post .entry { width: 100%; }

.posts .post { padding-bottom: 30px; margin-bottom: 45px; border-bottom: #c4c6c8 1px solid; }
.posts .post:last-of-type { border: 0; }
.posts .post figure { float: left; padding-right: 25px; width: 35%; }
.posts .post .entry { float: right; width: 65%; }
.posts .post h2 { font-size: 23px; line-height: 1.2; min-height: 95px; position: relative; }
.posts .post h2 a { color: #353a40; }
.posts .post h2:before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 60%; background: #e5272f; }
.posts .post p { font-size: 15px; line-height: 1.3; margin-bottom: 15px; color: #000000; }
.posts .post p a { font-weight: bold; }
.blog-pagination { margin: 0; padding: 0; text-align: center; }
.blog-pagination li { list-style: none; display: inline-block; }
.blog-pagination li a { color:#2b2527; font-size: 18px; padding: 0 20px; }
.blog-pagination li span { color:#e42129; font-size: 18px; padding: 0 20px; position: relative; }
.blog-pagination li span.current:before{ z-index: -1; position: absolute; content: ''; background: url("../images/pages-active-bg.jpg") no-repeat top left; width: 62px; height: 43px; top: -10px; left:-5px; }
.blog-pagination li .dots { color:#2b2527;  }
.blog-pagination li a:hover { color:#e42129; }
.blog-pagination li .prev, .blog-pagination li .next { font-size: 20px; }

/* Training CSS */
.training.featured { padding: 30px 50px; border: 1px solid #e9eaec; border-radius: 6px; background: #fcfdff; margin-bottom: 75px; /*font-family: 'eurostileregular', sans-serif;*/ font-weight: normal; }
.training.featured h1 { font-weight: normal; font-family: 'eurostileregular', sans-serif; color: #c30f0f; font-size: 36px; line-height: 1; margin-top: 13px; margin-bottom: 24px; }
.training.featured h1 span { color: #ff6600; }
.training.featured .read-more { min-width: 200px; border-radius: 8px; text-align: center; background: #353535; display: inline-block; height: 50px; line-height: 50px; color: #fff; }
.training-list .training { margin-bottom: 50px; border-radius: 8px; }
.training-list .training:nth-child(odd) { background: #fff; }
.training-list .training:nth-child(even) { background: #fff; }
.training-list .training img { border-radius: 8px 0 0 8px; min-height: 315px; }
.training-list .training .text { padding: 30px 30px 10px 10px; }
.training-list .training h2 { color: #f79c06; font-size: 24px; line-height: 1; margin-bottom: 20px; text-align: left; padding-top: 21px; }
.training-list .training p { max-width: 90%; color: #353535; line-height: 1.7; font-family: inherit; font-weight: normal; font-size: 14px; margin-bottom: 0px; max-width: 90%; }
.training-list .training p:last-child { margin-bottom: 0px; }
.training-list .training p:last-child a { color: inherit; }
.training-list .training .metadata {  position: relative; max-width: 440px; float: right; }
.training-list .training .metadata p { min-height: inherit; }
.training-list .training .metadata > a { clear: right; float: right; min-width: 107px; border-radius: 4px; text-align: center; margin: 7px; background: #f6ae36; border-radius: 4px; color: #fff; display: inline-block; font-size: 14px; line-height: 1; padding: 10px; margin-top: 0px; }
.training-list .training .column { float: left; width: 200px; margin-top: -30px; }
.training-list .training .column:last-child { width: 90px; }
.training-list .training .column p { text-align: left; margin-bottom: 10px; }
.training-list .training .column p.value { font-size: 14px; }
.training-list .training .column p:last-child { margin-bottom: 0; }
.training-list .select-box { position: relative; }
.training-list .select-box select { font-size: 14px; width: 175px;  padding: 3px 7px 3px 3px; height: 29px; }
 @media screen and (max-width:1200px) {
.training-list .training h2 { font-size: 27px; padding-top: 0; margin-bottom: 15px; }
.training-list .training .text { padding: 14px 10px 0 0; }
.training-list .training p { max-width: 100%; margin-bottom: 30px; line-height: 1.5; }
}
 @media screen and (max-width:991px) {
.training.featured { padding: 25px; }
.training.featured .col-md-6:first-child { margin-bottom: 30px; text-align: center; }
.training.featured .col-md-6 img { width: 60%; }
.training-list .training h2 { font-size: 27px; margin-bottom: 20px; }
.training-list .training .metadata { margin-bottom: 0px; float: none; }
.training-list .training .column { margin-top: -40px; }
.training-list .training .column p { margin-bottom: 0; min-height: 155px; }
.training-list .training .metadata p { min-height: inherit; }
.training-list .training .column { width: 180px; }
}
 @media screen and (max-width:767px) {
.training-list .training img { display: none; }
.training-list .training .text { padding: 25px 25px 1px; }
.training.featured { padding-bottom: 5px; margin-bottom: 50px; }
.training.featured h1 { font-size: 24px; }
.training-list .training p { min-height: auto; }
.training-list .training h2 { font-size: 20px; }
}
 @media screen and (max-width:479px) {
.training.featured .col-md-6 img { width: 100%; }
.training-list .training .column { float: none; width: 100%; border: 0 !important; margin: 0 0 5px !important; }
.training-list .training .column p { text-align: left; }
.training-list .training .metadata { padding: 20px 0; }
.training-list .training .metadata > a { bottom: 10px; right: auto; left: 0; margin: 0 0 10px 0; }
.training-list .training .text { padding: 25px 15px 1px; }
.training-list .select-box select { width: 135px; }
}

.page-template-page-events .training-list .training { background:#fff; }
.page-template-page-events .training-list .training .text { padding-top:0; }
.page-template-page-events .training-list .training h1 , .page-template-page-events .training-list .training h2 { position:relative; margin-top:0; color:#353a40; font-size:30px; padding-top:0; font-family: 'Nunito', sans-serif; font-weight:900; text-transform:uppercase; }
.page-template-page-events .training-list .training h1 span , .page-template-page-events .training-list .training h2 span { display: inline-block; border-bottom: 1px solid #c4c6c8; padding-bottom: 20px; font-size: inherit; margin: 0; font-weight: 900; }
.page-template-page-events .training-list .training h2 > span:after { display:none; }
.page-template-page-events .training-list .training p { font-size:16px; color:#353a40; font-family: 'Nunito', sans-serif; line-height:23px; }
.page-template-page-events .training-list .training p a { color:#353a40; font-weight:bold; }
.page-template-page-events .training-list .training li { line-height:1.2; }
.page-template-page-events .training-list .training li a { font-size:16px; color:#353a40; font-weight:bold; font-family: 'Nunito', sans-serif; line-height:23px; }


.page-template-page-training .training-list .training .text { padding-top:0; }
.page-template-page-training .training-list .training h1 , .page-template-page-training .training-list .training h2 { position:relative; margin-top:0; color:#353a40; font-size:30px; padding-top:0; font-family: 'Nunito', sans-serif; font-weight:900; text-transform:uppercase; }
.page-template-page-training .training-list .training h1 span , .page-template-page-training .training-list .training h2 span { display: inline-block; border-bottom: 1px solid #c4c6c8; padding-bottom: 20px; font-size: inherit; margin: 0; font-weight: 900; }
.page-template-page-training .training-list .training h2 > span:after { display:none; }
.page-template-page-training .training-list .training p { font-size:16px; color:#353a40; font-family: 'Nunito', sans-serif; line-height:23px; }
.page-template-page-training .training-list .training p a { color:#353a40; font-weight:bold; }
.page-template-page-training .training-list .training .text p a {font-weight: normal;}
.page-template-page-training .training-list .training li { line-height:1.2; }
.page-template-page-training .training-list .training li a { font-size:16px; color:#353a40; font-weight:bold; font-family: 'Nunito', sans-serif; line-height:23px; }

@media screen and (max-width: 992px) { 
  .page-template-page-events .training-list .training h1 , .page-template-page-events .training-list .training h2 { font-size:24px; }
  .page-template-page-training .training-list .training h1 , .page-template-page-training .training-list .training h2 { font-size:24px; }
}
@media screen and (max-width: 767px) { 
	.page-template-page-events .training-list .training { margin-bottom:10px; }
  	.page-template-page-training .training-list .training { margin-bottom:10px; }
  	.page-template-page-training .training-list .training h1 span, .page-template-page-training .training-list .training h2 span { margin-top: 30px; padding-left: 0px;}
}

.training-list .training img {
    border-radius: 8px 0 0 8px;
    min-height: 315px;
}

.page-template-page-training h2 span a {
    color: #353a40;
}

#table1_wrapper { position: relative; }
#calendar p span { color: #f5a623; }
#table1_length, #table1_info, #table1_paginate span { display: none; }
#table1_filter { position: relative; width: 100%; }
#table1_filter input { color: #000; width: 90%; top: -18px; height: 25px; box-shadow: 0 10px 15px rgba(240,240,240,1); border: 0; background: #fff; position: relative; padding: 10px 20px; vertical-align: top; display: inline-block; margin-left: 10px; float: right; }
#table1 { width: 100%; /* box-shadow: 0 0 10px #d0d0d0; border: 5px solid #fff; */ font-family: 'Nunito', sans-serif; }
#table1 tr { border-bottom: 1px solid #e5e5e5; }
#table1 th { text-align: left; color: #000000; font-size: 14px; font-weight: 500; padding: 0 10px; height: 60px; min-width: 80px; vertical-align: middle; }
#table1 td { height: 70px; font-size: 14px; color: #000; padding-left: 10px; min-width: 70px; }
#table1 td a.btn { min-width: 130px; width: 100%; height: 50px; display: block; background: #c31e27; line-height: 50px; color: #fff; text-transform: uppercase; text-align: center; }
/* #table1 tr:nth-child(even) td { background: #f6f6f6; } */
#table1 tfoot td { color: #c31e27; font-weight: 500; font-size: 16px; }
#table1_paginate { position: absolute; bottom: 15px; right: 20px; border: 1px solid #d9d9d9; display: none; }
#table1_previous { border-right: 1px solid #d9d9d9; }
#table1_paginate a { cursor: pointer; padding: 5px; display: inline-block; color: #9d9d9d; font-size: 16px; }
@media screen and (max-width:1200px) {
#table1_filter input { width: 87%; }
}
@media screen and (max-width:992px) {
#table1_filter input { width: 100%; margin-bottom: 20px; margin-right: 0; padding-left: 0; padding-right: 0; text-indent: 14px; }
}
@media screen and (max-width:600px) {
#table1 td a { min-width: 80px; }
}
 @media screen and (max-width:500px) {
#table1 tbody td { display: block; width: 100%; position: relative; padding: 15px 20px 10px 150px; height: auto; }
#table1 th { display: none; }
#table1 td a { width: 100%; }
#table1 tbody tr:first-child { border-bottom: 0; }
#table1 tbody td:nth-child(1):before { content: 'Course'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
#table1 tbody td:nth-child(2):before { content: 'Date'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
#table1 tbody td:nth-child(3):before { content: 'Duration'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
#table1 tbody td:nth-child(4):before { content: 'Location'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
#table1 tbody td:nth-child(5):before { content: 'Cost'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
#table1 tbody td:nth-child(6):before { content: 'Status'; position: absolute; top: 15px; left: 15px; font-weight: bold; }
}

.page-template-page-calendar #table1_filter {display: none;}
.page-template-page-calendar table.dataTable thead .sorting {background-image: none;}
.page-template-page-calendar table.dataTable thead .sorting_asc, .page-template-page-calendar table.dataTable thead .sorting_desc {background-image: none;}
.page-template-page-calendar #table1 tfoot td {color: #353a40;}
.button1, .button2, .button3 {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    color: #fff !important;
    background: #c31e27;
    padding: 11px 30px;
    border-radius: 10px;
}

.page-template-page-calendar #table1 td { font-size: 15px; color: #353a40;}
.page-template-page-calendar #table1 th { font-size: 15px; color: #353a40; font-weight: 700;}
.page-template-page-contact #content { padding-bottom:50px; }
.page-template-page-contact .banner { margin-bottom:35px; }
::-webkit-input-placeholder { color: #000; opacity:1; }
::-moz-placeholder { color: #000; opacity:1; }
:-ms-input-placeholder { color: #000; opacity:1; }

#calendar #table1 a {color: #2ba6cb; font-weight: 400;}
.page-template-page-contact .banner .image:after { display:none; }
.page-template-page-contact .banner .image { margin-top: 101px; }
.page-template-page-contact #about-banner.banner,.page-template-page-contact  #about-banner.banner img { height: auto; }
.page-template-page-contact .form { padding-bottom:50px; }
.page-template-page-contact .form ul { margin:0; padding:0; list-style:none; }
.page-template-page-contact .form ul li { margin-bottom:10px; }
.page-template-page-contact .form ul .wpcf7-select, .page-template-page-contact .form ul .wpcf7-number, .page-template-page-contact .form ul .textbox { border: 1px solid #000; padding: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: none; border-radius: 10px; width: calc(100% - 20px); background: none; font-family: 'Nunito', sans-serif; color: #000; font-size:18px; }
.page-template-page-contact .form ul textarea { border: 1px solid #000; padding: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: none; border-radius: 10px; width: calc(100% - 20px); background: none; font-family: 'Nunito', sans-serif; color: #000; font-size:19px; }
.page-template-page-contact .form ul span { color:#c22026; }

.page-template-page-contact .form ul span .wpcf7-not-valid-tip {display: none;}

.page-template-page-contact .form .newsletter-field { text-align: right; padding-right: 22px; font-size: 20px; }
.page-template-page-contact .form .newsletter-field span { color: #000; }
.page-template-page-contact .form .submit-btn { float: right; margin-bottom: 25px; background: #ffce33; color: #000; font-size: 19px; margin-right: 20px; border-radius: 0; }
.page-template-page-contact .form p { clear:both; font-size:18px; }
/*.page-template-page-contact .form .wpcf7-form-control-wrap span { display:none; }*/

.page-template-page-contact .form .wpcf7-not-valid { border:1px solid #c22026 !important; }
.page-template-page-contact .widget-box { padding:20px; margin-bottom:20px; background:#e9e9e9; }
.page-template-page-contact .widget-box h3 { font-size: 24px; margin-bottom: 10px; color:#c22026; }
.page-template-page-contact .widget-box h4 { margin-bottom: 5px; }
.page-template-page-contact .widget-box p,.page-template-page-contact .widget-box p a { margin-bottom:20px; color:#000; }
.page-template-page-contact .widget-box.help{ position:relative; }
.page-template-page-contact .widget-box.help:after { position:absolute; content:''; height:101px; width:98px; top:-12px; right:0; background:url("../images/help-phone.png") no-repeat top left; }
.page-template-page-contact .widget-box.help a { color:#c22026; }


 @media screen and (max-width:992px) {
   .page-template-page-contact .widget-box p { font-size:14px; }
   .page-template-page-contact .banner .image { margin-top: 76px; }
}
 @media screen and (max-width:992px) {
   .page-template-page-contact .form ul li { text-align:center; }
   .page-template-page-contact .form .submit-btn { float:none; }
   .page-template-page-contact .form .newsletter-field { text-align:left; }
   body.page-template-page-contact .banner + #content { padding-top:0; }
}

.page-template-page-contact .widget-box.help:after { pointer-events:none; }
.other-course-text input {margin-top: 20px;}