@charset "utf-8";
/* RESETS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  overflow-x: hidden; scroll-behavior: smooth;
}

a {
  text-decoration: none;
}


img {
max-width: 100%;
height: auto;
}
	
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}


.clear { clear:both; visibility:hidden; height:1px; overflow:hidden; }

a { text-decoration:none; color:#777; }
a:active { text-decoration:none; color:#777; }
a:visited { text-decoration:none; color:#303133; }

a:hover,
a:focus {
  color: #303133;
  text-decoration: none;
}

body {
  
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-size:14px;
  word-wrap: break-word;
  color:#777;
  transition: transform .2s;
  -webkit-transition: -webkit-transform .2s;
}

/* MAIN STYLES */


h1, h2, h3, h4, h5 { font-family: 'Poppins', sans-serif; color: #303133;  }
h1 { font-size:28px; line-height:32px; padding:0px 0px 10px 0px; font-weight:500; }
h2 { font-size:24px; line-height:28px; padding:0px 0px 10px 0px; font-weight:500;  }
h3 { font-size:18px; line-height:22px; padding:0px 0px 10px 0px; font-weight:500; }


.go-center { text-align:center; }
.go-upper { text-transform:uppercase; }
.go-white { color:#fff; }
.go-red { color:#ec161e; }
.go-light { font-weight:300; }
.boldtext { font-weight:bold; }
.smalltext { font-size:11px !important; }
.smalltext13 { font-size:13px !important; }

.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}

hr { border-top:1px solid #ebebeb; }


/* mobile menu only */

.showmobile-nav { display:none; }
.hidemobile-nav { display:block; }

@media only screen and (max-width: 1024px) {
	
.showmobile-nav { display:block; }
.hidemobile-nav { display:none; }

}

.showmobile { display:none; }
.hidemobile { display:block; }

@media only screen and (max-width: 1024px) {
	
.showmobile { display:block; }
.hidemobile { display:none; }

}

.showmobile-spotlight { display:none; }
.hidemobile-spotlight { display:block; }

@media only screen and (max-width: 640px) {
	
.showmobile-spotlight { display:block; }
.hidemobile-spotlight { display:none; }

}

.img-left { float:left; margin:0px 15px 20px 0px; clear:both; }
.img-icon-left { float:left; margin:0px 15px 0px 0px; clear:both; }

.static-content { }
.static-content p { padding:0; margin:0px 0px 10px 0px; line-height:26px; font-family: 'Poppins', sans-serif; }

.static-content h1 { color:#303133; }
.static-content h2 { color:#303133; }
.static-content h3 { color:#303133; }


.static-content a { color:#777; }
.static-content a:active { color:#777; }
.static-content a:visited { color:#777; }
.static-content a:hover { color:#303133; }

.text-serif { font-family: 'Playfair Display', serif; }

.standard-list { margin:20px 0px 20px 0px; }
.standard-list li { margin:0px 0px 5px 40px; list-style-type:disc; }
.standard-numbered-list { margin:20px 0px 20px 0px; }
.standard-numbered-list li { margin:0px 0px 5px 40px; list-style-type:decimal; }
.standard-alpha-list { margin:20px 0px 20px 0px; }
.standard-alpha-list li { margin:0px 0px 5px 40px; list-style-type:lower-alpha; }



.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;   
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

/* layout */

.wrapper-condensed { width:900px; margin-left:auto; margin-right:auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

@media only screen and (max-width: 1024px) {

.wrapper-condensed { width:100%; padding:0px 20px 0px 20px; }

}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


@media only screen and (max-width: 800px) {

.col-md-15 {
    width: 25%;
    float: left;
}

}

@media only screen and (max-width: 640px) {

.col-xs-15 {
    width: 50%;
    float: left;
}

}





/* desktop main nav */

.navbar-desktop { padding:20px 20px 20px 20px; width:100%; z-index:100; border-bottom: 1px solid #ccc; }

.nav-logo-desktop { padding:5px 0px 0px 0px; }
.nav-logo-desktop img { width: 200px; }

.mainnav-area { font-family: 'Poppins', sans-serif; padding: 20px 0px 0px 0px; text-align: right; }

.mainnav-area ul li a { color:#fff; }
.mainnav-area ul li a:active { color:#fff; }
.mainnav-area ul li a:visited { color:#fff; }
.mainnav-area ul li a:hover { color:#ccc; }

.mainnav-area ul li {
  display: inline-block;
  text-align: right;
  font-size:13px;
  color:#fff;
  font-weight:600;
  letter-spacing: 0.5px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  margin:0px 0px 0px 40px;
}

.mainnav-area ul li:hover {
  color: #fff;
}

.mainnav-area ul ul li:hover {
  color: #2b3f7a;
  border-bottom: none;
}

.mainnav-area ul li ul {
  visibility: hidden;
  position: absolute;
  top: 60px;
  left: 0;
  transition: 0.1s 0.1s;
}

.mainnav-area ul li:hover ul {
  visibility: visible;
  transition-delay: 0s;
}

.mainnav-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mainnav-area a {
  display: block;
  
}

.mainnav-area ul li ul  { 
  background-color:#fff;
  z-index:10;
}

.mainnav-area ul li ul li { 
  text-align:left;
  min-width:220px;  
  display: block;
  font-weight:500;
  font-size:13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding:10px 20px 10px 20px;
  margin:0px 0px 0px 0px;
}

.mainnav-area ul li ul li a { color:#000; }
.mainnav-area ul li ul li a:active { color:#000; }
.mainnav-area ul li ul li a:visited { color:#000; }
.mainnav-area ul li ul li a:hover { color:#ccc; }

/* mobile nav */

.mobile-nav { background:#a2c24e; }

.mobile-header-logo { padding:15px 0px 20px 0px; }
.mobile-header-logo img { width: 200px; }
.mobile-menu-icon { position:absolute; left:20px; top:20px; z-index:2; font-size: 20px; }

.mobile-menu-icon a { color:#fff; }
.mobile-menu-icon a:active { color:#fff; }
.mobile-menu-icon a:visited { color:#fff; }
.mobile-menu-icon a:hover { color:#fff; }

.mobilenav ul { padding:0; margin:20px 0px 0px 10px; }

.mobilenav li { font-family: 'Poppins', sans-serif; padding:0; margin:0px 0px 20px 0px; font-size:12px; font-weight:600; letter-spacing:1px; text-transform: uppercase;  }
.mobilenav a { color:#fff; }
.mobilenav a:active { color:#fff; }
.mobilenav a:visited { color:#fff; }
.mobilenav a:hover { color:#ccc; }

.mobilenav ul li ul li { font-weight: 400; font-size:12px;  } 
.mobilenav ul li ul li a { color:#fff; }
.mobilenav ul li ul li a:active { color:#fff; }
.mobilenav ul li ul li a:visited { color:#fff; }
.mobilenav ul li ul li a:hover { color:#fff; }

/* Body animation when left panel is opened */
    body.ps-active {
      -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px);
    }

    /* Body animation when right panel is opened */
    body.ps-active-right {
      -webkit-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    /* Panel styles */
    .thepanel {
      position: fixed;
      top: 0;
      width: 260px;
      height: 100%;
      padding: 20px;
      background-color: #8b1515;
      color: #fff;
	  border-radius:none;
    }

    #left-panel {
      left: 0;

      /* Hide panel on the left of the page. When this panel is opened the
      class .ps-active will be apllied to body, and it's X translation will
      reveal the panel. */
      -webkit-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    #right-panel {
      right: 0;

      /* Hide panel on the right of the page. When this panel is opened the
      class .ps-active-right will be apllied to body, and it's X translation
      will reveal the panel. */
      -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
      transform: translateX(260px);
    }


/* home header */

.home-header { min-height: 800px; position: relative;  }

.home-header-content { padding-top: 200px; text-align: center; }
.home-header-content h2 { font-family: 'Poppins', sans-serif; color:#fff; font-size: 48px; line-height: 52px; font-weight: 700; text-transform: uppercase; margin: 0px 0px 20px 0px; letter-spacing: 0px; }
.home-header-content h4 { font-family: 'Poppins', sans-serif; color:#fff; font-size: 20px; line-height: 30px; font-weight: 400;  }

.home-header-spacer { display: block; width: 100px; background-color: #fff; height: 3px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }
.home-header-arrow { text-align: center; margin: 60px 0px 0px 0px; display: block; }
.home-header-arrow .fa { font-size: 24px; color: #fff; }

@media only screen and (max-width: 800px) {

.home-header { min-height: 100%; position: relative; padding: 0px 0px 60px 0px;  }

.home-header-content { padding: 40px 20px 0px 20px; text-align: center; }
.home-header-content h2 { font-size: 30px; line-height: 34px; }
	
}

/* inner header */

.inner-header { min-height: 600px; position: relative;  }

.inner-header-content { padding-top: 160px; text-align: center; }
.inner-header-content h1 { font-family: 'Poppins', sans-serif; color:#fff; font-size: 58px; line-height: 62px; font-weight: 700; text-transform: uppercase; margin: 0px 0px 20px 0px; letter-spacing: 0px; }

.inner-header-news-content { padding-top: 160px; padding-left: 60px; padding-right: 60px; text-align: center; }
.inner-header-news-content h1 { font-family: 'Playfair Display', serif; color:#fff; font-size: 40px; line-height: 44px; font-weight: 400; margin: 0px 0px 20px 0px; letter-spacing: 0px; }

.inner-header-spacer { display: block; width: 100px; background-color: #fff; height: 3px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }

@media only screen and (max-width: 800px) {

.inner-header { min-height: 100%; position: relative; padding: 0px 0px 50px 0px;  }
.inner-header-content { padding-top: 50px; padding-left: 20px; padding-right: 20px; text-align: center; }
.inner-header-content h1 { font-size: 36px; line-height: 42px; }
.inner-header-news-content { padding-top: 50px; padding-left: 20px; padding-right: 20px; text-align: center; }
.inner-header-news-content h1 { font-size: 36px; line-height: 42px; }
	
}

/* inner content area */

.inner-content-area { }

/* spacers */

.black-spacer { display: block; width: 100px; background-color: #303133; height: 2px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }
.red-spacer { display: block; width: 100px; background-color: #8b1515 ; height: 2px; margin-top: 30px; margin-bottom: 30px; }
.black-spacer-left { display: block; width: 100px; background-color: #303133; height: 2px; margin-top: 30px; margin-bottom: 30px; }
.white-spacer-left { display: block; width: 100px; background-color: #fff; height: 2px; margin-top: 30px; margin-bottom: 30px; }

/* home sweetspots */

.sweetspots { margin: 100px 0px 100px 0px; }
.sweetspots-header { width:700px; margin-left:auto; margin-right:auto; text-align: center; }
.sweetspots-header h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }
.sweetspots-content { margin: 80px 0px 0px 0px; text-align: center; }
.sweetspots-item { text-align: center; }
.sweetspots-item-img img { height: 200px; text-align: center; margin-bottom: 30px; }
.sweetspots-item h3 { font-family: 'Playfair Display', serif; font-size: 20px; line-height: 26px; }

@media only screen and (max-width: 800px) {

.sweetspots { margin: 60px 20px 60px 20px; }
.sweetspots-header { width:100%; margin-left:auto; margin-right:auto; text-align: center; }

.sweetspots-item { padding: 0px 20px 40px 20px; text-align: center; }
.sweetspots-item-img img { height: 150px; }
.sweetspots-item h3 { font-size: 24px; line-height: 30px; }
	
}


/* home about */

.home-about { background-color: #303133; }
.home-about-content { padding: 80px 80px 0px 80px; }
.home-about-content h3 { color: #fff; font-size: 20px; font-weight: 600; }
.home-about-content p { color: #fff; }
.home-about-content ul { margin: 20px 0px 0px 0px; }
.home-about-content li { color: #fff; }
.home-about-btn { margin-top: 30px; }

.home-about-img { min-height: 500px; background-color: #303133; }

@media only screen and (max-width: 900px) {

.home-about-content { padding: 60px; }

.home-about-img { min-height: 250px; }
	
}

/* home transactions */

.home-transactions { background-color: #eaeaea; }
.home-trans-content { padding: 60px 40px 0px 40px; text-align: center; }
.home-trans-img { min-height: 600px; background-color: #eaeaea; }

.home-trans-cta { padding: 150px 100px 0px 100px; }
.home-trans-cta h4 { color: #fff; font-size: 32px; font-weight: 600; }
.home-trans-cta h3 { color: #fff; font-size: 66px; line-height: 66px; font-weight: 700; text-transform: uppercase; margin: 50px 0px 0px 0px; }

.home-trans-item { text-align: center; padding: 0px 50px 0px 50px; }
.home-trans-btn { margin-top: 30px; text-align: center; }


@media only screen and (max-width: 900px) {

.home-trans-content { padding: 40px; }
.home-trans-img { min-height: 250px; }

.home-trans-cta { padding: 60px 40px 60px 40px; }
.home-trans-cta h4 { font-size: 26px; }
.home-trans-cta h3 { font-size: 46px; line-height: 46px; }

.home-trans-item { text-align: center; padding: 0px 20px 0px 20px; }
	
}


/* home 7 steps */

.home-7steps { padding: 100px 0px 100px 0px; background-color: #f7f7f7; text-align: center; }
.home-7steps h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }
.sevensteps-img { margin: 60px 0px 60px 0px; }

@media only screen and (max-width: 900px) {

.home-7steps { padding: 60px 30px 60px 30px; }
	
}

/* home testimonials */

.home-testimonials { padding-top: 100px; padding-bottom: 100px; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
.home-testi-item { text-align: center; padding: 0px 100px 0px 100px; }
.home-testi-item h4 { color: #fff !important; font-size: 18px; line-height: 36px; font-weight: 400; margin-bottom: 30px; }
.home-testi-item p { color: #fff !important; font-size: 11px; }
.home-testi-button { margin-top: 60px; text-align: center; }

@media only screen and (max-width: 900px) {

.home-testimonials { padding-top: 60px; padding-bottom: 60px; }
.home-testi-item { text-align: center; padding: 0px 40px 0px 40px; }

}


/* home news */

.home-news { padding: 100px 0px 100px 0px; background-color: #f7f7f7; }
.home-news-area { padding: 0px 80px 0px 80px; }
.home-news-title { margin: 0px 0px 40px 0px; }
.home-news-title h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; text-transform: uppercase; }

.home-article-item { padding: 0px 30px 0px 30px; }
.home-article-date { font-size: 11px; color: #000; margin-bottom: 20px; }
.home-article-item h4 { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; margin-bottom: 20px; padding: 10px 0px 30px 0px; border-bottom: 1px solid #ebebeb; }
.home-article-item a:hover h4 { color: #8b1515; }

.home-news-all { margin: 100px 0px 0px 0px; text-align: center; }

@media only screen and (max-width: 900px) {

.home-news { padding: 60px 0px 60px 0px; }
.home-news-area { padding: 0px 30px 0px 30px; }
.home-article-item { padding: 0px 0px 40px 0px; border-bottom: 1px solid #ebebeb; margin-bottom: 40px; }
.home-news-all { margin: 40px 0px 0px 0px; text-align: center; }
	
}

/* home contact */

.home-contact { background-color: #8b1515; }
.home-contact-content { padding: 250px 80px 0px 80px; text-align: center; }
.home-contact-content h3 { color: #fff; font-size: 30px; line-height: 36px; font-weight: 600; }
.home-contact-content p { color: #fff; }
.home-contact-btn { margin-top: 30px; }

.home-contact-img { min-height: 700px; background-color: #8b1515; }

@media only screen and (max-width: 900px) {

.home-contact-content { padding: 60px; }
.home-contact-content h3 { color: #fff; font-size: 24px; line-height: 30px; font-weight: 600; }
.home-contact-img { min-height: 250px; }
	
}

/* Methodology */

.section-methodology { }
.section-methodology-header { padding: 0px 40px 0px 0px;  }
.section-methodology h3 { font-size: 28px; line-height: 32px; }
.section-methodology h4 { font-size: 24px; line-height: 28px; margin-bottom: 20px; }

.section-methodology hr { border-style: dotted; border-color: #ccc; margin: 40px 0px 40px 0px; }

/* leadership */

.leadership-intro { padding: 100px 0px 100px 0px; background-color: #f7f7f7; text-align: center; }
.leadership-intro h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }

.section-leadership { background-color: #fff; }
.section-leadership-content { padding: 80px 100px 0px 100px; }
.section-leadership-content h2 { font-size: 36px; line-height: 42px; font-weight: 700; }
.section-leadership-img { min-height: 700px; }

.section-leadership-blank { background-color: #fff; }
.section-leadership-blank-content { padding: 80px 100px 0px 100px; }
.section-leadership-blank-content h2 { font-size: 36px; line-height: 42px; font-weight: 700; }
.section-leadership-blank-img { min-height: 700px; background-color: #303133; padding: 80px 100px 0px 100px; }
.section-leadership-blank-img h2 { font-size: 36px; line-height: 42px; font-weight: 700; color: #fff; }
.section-leadership-blank-img p {  color: #fff;}
.section-leadership-blank-img a { color: #fff; }


@media only screen and (max-width: 900px) {

.leadership-intro { padding: 40px; }
.section-leadership-content { padding: 40px; }
.section-leadership-img { min-height: 250px; }
.section-leadership-blank-img { min-height: 100%; padding: 40px 4px 40px 40px; }
	
}

/* leadership testimonials */

.leadership-testimonials { padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; }
.leadership-testimonials h3 { font-size: 28px; line-height: 32px; color: #fff; margin-bottom: 20px; }

@media only screen and (max-width: 900px) {

.leadership-testimonials { padding-top: 60px; padding-bottom: 60px; }
.home-testi-item { text-align: center; padding: 0px 40px 0px 40px; }

}

/* Testimonials */

.testi-intro { padding: 100px 0px 100px 0px; background-color: #f7f7f7; }
.testi-intro h3 { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 400; line-height: 46px; letter-spacing: -1px; }

.testi-list { padding: 100px 0px 100px 0px; }
.testi-item { padding: 0px 20px 30px 20px; margin-bottom: 30px; border-bottom: 1px dotted #ccc; }
.testi-item h4 { font-size: 16px; line-height: 20px; }

@media only screen and (max-width: 900px) {

.testi-intro { padding: 40px 30px 40px 30px; }
.testi-intro h3 { font-size: 26px; line-height: 32px; }
.testi-list { padding: 60px 10px 60px 10px; }
	
}

/* Transactions List */

.transactions-list { padding: 100px 0px 100px 0px; background-color: #eaeaea; }

.trans-item { text-align: center; padding-bottom: 30px; }

@media only screen and (max-width: 900px) {

.transactions-list { padding: 60px 30px 60px 30px; background-color: #eaeaea; }
	
}

/* why Us */

.whyus-panel { min-height: 400px; overflow: hidden; position: relative; width: 100%; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; }

.whyus-content { padding: 100px 0px 100px 0px; }
.whyus-content-heading { margin-bottom: 60px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; text-align: center; }
.whyus-content-heading h2 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }
.whyus-content-item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ccc; }
.whyus-content-item h3 { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 400; line-height: 36px; letter-spacing: -1px; }
.whyus-content-item-icon { }
.whyus-content-item-icon .fa-circle { color:#303133;  }

.about-leadership { padding: 100px 0px 100px 0px; background-color: #f7f7f7; }

@media only screen and (max-width: 640px) {

.whyus-panel { min-height: 250px; }
.whyus-content { padding: 40px 30px 40px 30px; }
.whyus-content-item { text-align: center; }
.about-leadership { padding: 40px 0px 40px 0px; }

}

/* news */

.news-area { padding: 100px 0px 100px 0px; background-color: #f7f7f7; }
.news-listing { }
.events-listing { padding: 0px 0px 0px 50px; }
.news-listing-header { }
.news-listing-header h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }
.events-listing-header { }
.events-listing-header h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }

.events-item-icon { }
.events-item-icon .fa { font-size: 30px; color: #303133; }
.event-item { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.event-item h4 { font-family: 'Playfair Display', serif; color: #303133; font-size: 18px; line-height: 20px; font-weight: 500; margin-bottom: 10px; }

.news-articles { }
.news-article-item { background-color: #fff; padding: 30px 30px 30px 30px; margin-bottom: 20px; }
.date-spacer { display: block; width: 70px; background-color: #ccc; height: 2px; margin-top: 10px; margin-bottom: 20px; }
.news-date-item p { font-size: 12px; color: #303133; }
.news-itemlist-title { }
.news-itemlist-title a { color: #303133; }
.news-itemlist-title a:active { color: #303133; }
.news-itemlist-title a:visited { color: #303133; }
.news-itemlist-title a:hover { color: #303133; }
.news-summary { margin-bottom: 20px; }
.news-item-readmore p { font-size: 12px; color: #303133; text-transform: uppercase; }
.news-item-readmore a { color: #303133; }
.news-item-readmore a:active { color: #303133; }
.news-item-readmore a:visited { color: #303133; }
.news-item-readmore a:hover { color: #303133; }
.news-article-item h3 { font-family: 'Playfair Display', serif; color: #303133; font-size: 26px; line-height: 32px; font-weight: 500; margin-bottom: 10px; }

.news-article-area { padding: 100px 0px 100px 0px; }

.news-navigation { margin-top: 40px; padding: 20px 0px 20px 0px; background-color: #f7f7f7; }
.news-navigation p { font-size: 12px; font-weight: 600; text-transform: uppercase; }
.news-navigation a { color: #303133; }
.news-navigation a:active { color: #303133; }
.news-navigation a:visited { color: #303133; }
.news-navigation a:hover { color: #303133; }

.news-article-area a { color: #303133; text-decoration: underline; }
.news-article-area a:active { color: #303133; }
.news-article-area a:visited { color: #303133; }
.news-article-area a:hover { color: #303133; }

.news-prev { }
.news-all { text-align: center; }
.news-next { text-align: right; }


@media only screen and (max-width: 640px) {

.news-area { padding: 40px 30px 40px 30px; }
.news-listing { padding: 0px 0px 0px 0px; }
.events-listing { padding: 0px 0px 40px 0px; }

.events-item-icon { padding-bottom: 15px; }

.news-article-area { padding: 60px 30px 60px 30px; }

.news-navigation { padding: 20px 30px 20px 30px; }

}

/* Contact */

.contact-header { width:700px; margin-left:auto; margin-right:auto; text-align: center; padding-bottom: 60px; }
.contact-header h3 { font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -1px; }

/* footer */

.kg-footer { background-color:#141618; padding:20px 20px 20px 20px; font-family: 'Poppins', sans-serif; margin: 0px 0px 0px 0px;  }

.kg-footer p { color:#fff; font-size: 12px; }
.kg-footer .fa { font-size: 16px; }

.footer-links { text-align: right; }
.footer-links a { color:#fff; }
.footer-links a:active { color:#fff; }
.footer-links a:visited { color:#fff; }
.footer-links a:hover { color:#ebebeb; }



@media only screen and (max-width: 640px) {

.kg-footer { text-align: center; }
.footer-links { margin:20px 10px 0px 0px; text-align: center; }
	
}



/* forms */

.form-group { }
.form-group input[type=text] { box-shadow:none; font-size:14px; -webkit-appearance: none; color:#363636; -webkit-border-radius:0px; border-radius:0px; border:1px solid #ebebeb; }
.form-group input[type=password] { box-shadow:none; font-size:14px; -webkit-appearance: none; color:#363636; -webkit-border-radius:0px; border-radius:0px; border:1px solid #ebebeb;  }
.form-group textarea { box-shadow:none; font-size:14px; -webkit-appearance: none; color:#363636; -webkit-border-radius:0px; border-radius:0px; border:1px solid #ebebeb; }
.form-group label { font-family: 'Poppins', sans-serif; font-size:14px; padding:0; margin:0px 0px 5px 0px; color:#363636;  }
.form-group select { background:url(/images/adown.png) no-repeat; background-position: right 8px bottom 12px; background-color:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:14px; box-shadow:none; color:#363636; cursor:pointer; -webkit-border-radius:	0px; border-radius:0px; border:1px solid #ebebeb; }

   
.form-control { color:#515e66; font-size:14px; border-radius:0px; }

.alert li { font-size:13px; }
.alert { margin-top:20px; }

.error-red { color:#ed1c24; }

.checkbox-inline,
.checkbox-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.radio-inline,
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
}

.checkbox-inline:last-child,
.radio-inline:last-child {
    margin-right: 0;
}


/* buttons */

.button-left { }

@media only screen and (max-width: 800px) {

.button-left { margin-bottom:10px; }

}



.button-outline-black {
display: inline-block;
  min-width: 120px;
  padding: 8px 16px 8px 16px;
  color: #303133 !important;
  border: 2px solid #303133;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
 font-family: 'Poppins', sans-serif;
  font-size:12px;
  font-weight:600;
  -webkit-appearance: none; 
  -webkit-border-radius:2px; border-radius:2px;
  background:none;
  cursor:pointer;
}

.button-outline-black:hover,.button-outline-black
.button-outline-black:active {
  background-color: #303133;
  color: #fff !important;
   border: 2px solid #303133;
}

.button-outline-black:visited {  color: #303133; }

.button-outline-grey-small {
display: inline-block;
  padding: 4px 8px 4px 8px;
  color: #707070 !important;
  border: 2px solid #707070;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:2px;
 font-family: 'Kanit', sans-serif;
  font-size:12px;
  font-weight:700;
  -webkit-appearance: none; 
  -webkit-border-radius:0px; border-radius:0px;
  background:none;
  cursor:pointer;
}

.button-outline-grey-small:hover,.button-outline-grey-small
.button-outline-grey-small:active {
  background-color: #0054a6;
  color: #fff !important;
   border: 2px solid #0054a6;
}

.button-outline-grey-small:visited {  color: #707070; }

.button-red {
display: inline-block;
  min-width: 120px;
  padding: 8px 16px 8px 16px;
  color: #fff !important;
  border: 1px solid #8b1515;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
  background-color:#8b1515;
  font-family: 'Poppins', sans-serif;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  -webkit-appearance: none; 
  -webkit-border-radius:2px; border-radius:2px;
}

.button-red:hover,.button-red
.button-red:active {
  background-color: #fff;
  color: #8b1515 !important;
   border: 1px solid #fff;
}

.button-red:visited {  color: #fff; }

.button-red-form {
display: inline-block;
  min-width: 120px;
  padding: 8px 16px 8px 16px;
  color: #fff !important;
  border: 1px solid #8b1515;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
  background-color:#8b1515;
  font-family: 'Poppins', sans-serif;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  -webkit-appearance: none; 
  -webkit-border-radius:2px; border-radius:2px;
}

.button-red-form:hover,.button-red-form
.button-red-form:active {
  background-color: #8b1515;
  color: #fff !important;
   border: 1px solid #8b1515;
}

.button-red-form:visited {  color: #fff; }

.button-white {
display: inline-block;
  min-width: 120px;
  padding: 8px 16px 8px 16px;
  color: #8b1515 !important;
  border: 1px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
  background-color:#fff;
  font-family: 'Poppins', sans-serif;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  -webkit-appearance: none; 
  -webkit-border-radius:2px; border-radius:2px;
}

.button-white:hover,.button-white
.button-white:active {
  background-color: #8b1515;
  color: #fff !important;
   border: 1px solid #fff;
}

.button-white:visited {  color: #fff; }

.button-black {
display: inline-block;
  min-width: 120px;
  padding: 8px 16px 8px 16px;
  color: #fff !important;
  border: 1px solid #303133;
  text-align: center;
  outline: none;
  text-decoration: none;
  text-transform:uppercase;
  letter-spacing:1px;
  background-color:#303133;
  font-family: 'Poppins', sans-serif;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  -webkit-appearance: none; 
  -webkit-border-radius:2px; border-radius:2px;
}

.button-black:hover,.button-black
.button-black:active {
  background-color: #fff;
  color: #303133 !important;
   border: 1px solid #303133;
}

.button-black:visited {  color: #fff; }


.btn-small { font-size:11px !important; padding:6px 10px 6px 10px;}
.btn-default { font-family: 'Kanit', sans-serif; letter-spacing:2px; text-transform:uppercase; font-size:13px; }
.btn-primary { background-color:#ec161e; border-color:#ec161e; border-radius:0px; }
.btn-primary:hover { background-color:#ec161e; border-color:#ec161e; border-radius:0px; }

.btn-go-right { text-align:right; }
.btn-go-left { }

@media only screen and (max-width: 800px) {

.btn-go-right { text-align:center; }
.btn-go-left { text-align:center; margin-bottom:10px; }

}

/* no more tables */

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

.form-honeypot-hidden {
  display: none;
 
}

/* modals */

.modal-header { background-color:#fff; }
.modal-content { border-radius:0px; background-color:#fff; }
.modal-close-area { padding:10px; }
.modal-body h2 { font-weight:700; }
.modal-header h3 { font-size:16px; text-transform:uppercase; padding:0px !important; letter-spacing:1px; color:#111; }

/* paging */

.paging-area { padding: 60px 0px 0px 0px; }
.pagination { text-align: center; margin-left: auto; margin-right: auto; }


.page-link { color: #363636; margin: 0px 2px 0px 2px; border-radius: 0px !important; }

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #8b1515;
    border-color: #8b1515;
	border-radius: none !important;
	margin-bottom: 5px;
	}


/* full width images */

.full-width img {
  width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
}


/* context blocks */

.content-block-text-padded { padding: 80px 0px 80px 0px; }
.video-content-block { margin: 0px 0px 30px 0px; }

@media only screen and (max-width: 640px) {

.content-block-text-padded { padding: 40px 30px 40px 30px; }
	
}


/* embedded videos */

.youtubeembed { height:500px; }

@media only screen and (max-width: 900px) {
	
.youtubeembed { height:315px; }
	
}

/* Article categories */

.article-cats { text-align: center; margin: 30px 0px 40px 0px; }
.article-cats li { display: inline-block; margin: 0px 10px 10px 0px; }

.sub-cat-btn {
display: inline-block;
  padding: 4px 12px 4px 12px;
  color: #303133 !important;
  border: 1px solid #303133;
  text-align: center;
  outline: none;
  text-decoration: none;
  font-size:12px;
  -webkit-appearance: none; 
   -webkit-border-radius:20px; border-radius:20px;
  background:none;
  cursor:pointer;
}

.sub-cat-btn:hover,.sub-cat-btn
.sub-cat-btn:active {
  background-color: #303133;
  color: #fff !important;
   border: 1px solid #303133;
}

.sub-cat-btn:visited {  color: #303133; }

.sub-cat-btn-active {
display: inline-block;
  padding: 4px 12px 4px 12px;
  color: #fff !important;
  border: 1px solid #303133f;
  text-align: center;
  outline: none;
  text-decoration: none;
  font-size:12px;
  -webkit-appearance: none; 
   -webkit-border-radius:20px; border-radius:20px;
  background:#303133;
  cursor:pointer;
}

.sub-cat-btn-active:hover,.sub-cat-btn-active
.sub-cat-btn-active:active {
  background-color: #303133;
  color: #fff !important;
   border: 1px solid #303133;
}

.sub-cat-btn-active:visited {  color: #303133; }

