@import 'https://fonts.googleapis.com/css?family=Work+Sans:200,300,500';
h1,h2,h3,h4,h5,h6 {font-family: 'Work Sans', sans-serif;font-weight: 200;line-height: 1.2em;}
body {color:#5e5c5c; font-family: 'Work Sans', sans-serif;font-size: 18px;line-height: 1.6em;font-weight: 300;background:#fafafa;}

h1 {font-size: 56px;}
h2 {font-size: 42px;color:#3b6c86}
h3 {color:#257ab6;}
h4 {font-size:28px !important;}

.jg h1,.jg h2,.jg h3,.jg h4,.jg h5,.jg h6 {font-family: 'Work Sans', sans-serif !important;font-weight: 200 !important;line-height: 1.2em !important;}

a {color:#2891b0;}
a:hover {color:#46525e;text-decoration: none;}

#mainbody {padding-bottom:130px;}
#mainbody p {line-height: 2em;padding-bottom:20px;}
.page-header {border-bottom:0;margin:25px 0 0 0;}

.frontpage #mainbody {display:none;}
div#message-component, input.required.invalid, textarea.required.invalid {
    border: none !important;
}

#footer1 span.gc-cs-link {
    color: #b3c7d2;
}

#footer1 span.gc-cs-link:hover {
    color: #eef0f1;
    text-decoration: none;
}

/*header with angle box*/
.frontpage .headtop {
    color: #fff;
    position: relative;
    z-index: 1;
}
.frontpage .headtop::after {
  background: rgba(255,255,255,0.8);
  bottom: 40px;
  content: '';
  display: block;
  height: 400%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.75deg);
  transform-origin: 100%;
  z-index: -1;
  border-bottom: 10px solid rgba(255, 255, 255, 0.9);
}

#slider {position:relative;top:-150px;z-index:0;margin-bottom:-150px;}

.headtop::after {
  background: rgba(215, 222, 224, 0.8);
  bottom: 40px;
  content: '';
  display: block;
  height: 400%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.75deg);
  transform-origin: 100%;
  z-index: -1;
  border-bottom: 10px solid rgba(255, 255, 255, 0.9);
}

.headtop {
    color: #fff;
    position: relative;
    z-index: 1;
}

.navbar-brand {padding:25px 0;}
.navbar-brand img {height:100px;}
.nav-header {
    clear: both;
    font-weight: 300;
    color: #49697c;
    white-space: nowrap;
}

#menu img {
    max-width: 28px !important;
    padding-right: 15px;
}

#menu {
	width: auto;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float:none;
    padding: 0;
    margin: 0px;
    text-align: left;
    list-style: none;
    background-color: #f1f1f1;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #5a717e !important;
    background-image: none;
    background-image: -o-linear-gradient(top,#5a717e 0,#5a717e 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#5a717e),to(#5a717e));
    background-image: none;
    filter: none;
    background-repeat: repeat-x;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:active {
    color: #432200;
    background-color: rgba(255, 255, 255, 0.3);
}


.navbar-default .navbar-nav>li>a {color:#fff;}
.navbar-default .navbar-nav>li>a:active {background-color: rgba(255, 255, 255, 0.4);}
.navbar-default .navbar-nav>li>a:hover {background:rgba(255, 255, 255, 0.3);}
.navbar-nav>li>a {color: #49697c;line-height: inherit}
.dropdown-menu>li>a {padding:10px 15px;color:#432b12;font-size: 16px !important;}
.dropdown-menu>li>a:hover {color:#5a717e;background:rgba(255, 255, 255, 0.3);}
.dropdown-menu>li>a:active {color:#c2bfb9;background:rgba(255, 255, 255, 0.3);}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav .open>a:active {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: none;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.3);
}
.navbar-nav li:hover > a {background-color:rgba(255, 255, 255, 0.3);}

.mob-menu-above {text-align: center; padding:15px 0 0 0;}
.mob-menu-above a {text-align: center; font-size: 24px;}
.mm-list a img {
    max-width: 28px;
    margin-right: 12px;
}

.breadcrumb {background:#f5f5f5;margin-top:25px;}
.breadcrumb>li {color:#999;}
.breadcrumb>li a {color:#999;}
.breadcrumb>.active {color:#4e7295;}

#above {text-align: center;background:#182d42;padding:50px 0;}
#above h3 {font-size:42px;color:#c8d7e0;padding-bottom:25px;font-weight:200;}
#above p {color:#8ba3ba;font-size: 120%;line-height: 2em;padding-bottom:30px;}
#above p strong {color:#9eaebd;font-weight: 500;}

/* -- Right Column customizations */
.sidebar-right ul {margin-bottom:40px;}
.sidebar-right h4 {padding-bottom:20px;}
.right-a {background:#291f14;padding:15px 25px;}
.right-a h4 {color:#c3b9a9;padding-bottom: 20px;}
.right-a p, .right-a li {color:#ded7d0;}
.right-b {background:#e0e7ed;padding:15px 25px; }
.right-b h4 {color:#afb5ba;background:#182d42;margin:-15px -25px 25px -25px;padding:15px 25px 20px;}
.right-b h4 b, .right-b h4 strong {color:#fff;font-weight: 300 !important;}
.right-b h4 em {color:#fff;}
.right-b span.gc-cs-link {color: #257ab6;}
.right-b span.gc-cs-link:hover {color: #333; text-decoration: none;}
.right-c {background:#90411b;padding:15px 25px;}
.right-c h4 {color:#f3ebdb;padding-bottom: 20px;}
.right-c p {color:#e5ddd8;}
.right-d {background:#182d42;padding:15px 25px;color:#94aabf}
.right-d h4 {padding-bottom:20px;color:#ebf0f6;}
.right-d h5 {margin-top:30px;color:#d3dee4;}
.right-r {background:#182d42;padding:15px 25px;color:#94aabf}
.right-r h4 {padding-bottom:20px;color:#ebf0f6;}
.right-r h5 {margin-top:30px;color:#d3dee4;}
.right-r h5 a {color:#fff;}
.right-r h5 a:hover {color:#b9cbdc;text-decoration: underline;}
/* -- old styling for resources sidebar -- */
/* 
.right-r {background:#e0e7ed;padding:15px 25px;}
.right-r p, .right-r li {color:#353535;}
.right-r h4 {color:#afb5ba;background:#182d42;margin:-15px -25px 25px -25px;padding:15px 25px 20px;}
.right-r h4 b, .right-r h4 strong {color:#fff;font-weight: 300 !important;}
*/
h4.lite {color:#363f5b !important;background:#e0e7ed !important;margin:-15px -25px 25px -25px;padding:15px 25px 20px;}
h4.lite b, h4.lite strong {color:#5e5c5c !important;font-weight: 300 !important;}

#under {background:#d6ecf2;}
.under {display:flex;}
.underling-left {}
.underling-left img {width: 100%;}
.underling-right {background-image:url(../images/k-element.png);background-size: cover;padding:60px;}
.paddless {padding:0;}

#bottom1 h3 {font-size: 42px; text-align: center;padding:10px 0 30px 0;}
#bottom1 .usurp {position:relative;top:-130px;padding-bottom:130px;}
#bottom1 .unter {position:relative;top:-130px;margin-bottom:-130px;}

.team-builder {display:flex;}
.team img {display:flex;width:100%;}
.team {flex:1;order:1;flex-direction:row;flex-wrap:nowrap;}
.team1 {display:flex;align-items: center;justify-content: center;}
.teamz {display:flex;flex-direction: column;padding:0 50px;}
.teamz h3 {font-size: 180% !important;color:#51728e !important;}


#ultimate-bottom {padding:40px 0 150px;background:#f5f5f5;text-align: center;}
#ultimate-bottom h3 {font-size:42px;color:#5f7d9a;padding-bottom:25px;font-weight:200;max-width: 850px;margin:auto;}
#ultimate-bottom h4 {font-size:24px !important;}
.experience {;padding:50px 0;}
.exitem {}
.exitem img {width:100%;}

#footer1 {color:#9e9a9a;background:#2d2b2b;position:relative;z-index: 10;}
#footer1 h3 {font-weight:200 !important;font-size: 20px;color:#76888a;}
#footer1 p {font-size: 16px;padding-bottom:15px;}
#footer1 ul {margin:0 0 15px 0;padding:0;}
#footer1 li {list-style: none;margin:0;padding:0;font-size:16px;}
#footer1 li a {color:#9e9e9e;text-decoration: none;}
#footer1 li a:hover {color:#fafafa;text-decoration: none;}


/*customizations for jsn pagebuilder*/
jsn-bootstrap3 h1, .jsn-bootstrap3 h2, .jsn-bootstrap3 h3, .jsn-bootstrap3 h4, .jsn-bootstrap3 h5, .jsn-bootstrap3 h6 {
    font-weight: 200 !important;
}
.jsn-bootstrap3 h3 {font-size:30px !important;}


/*foot top angle*/
.foottop {position: relative; z-index:1;background:#2d2b2b;height:20px;}
.foottop::before {background: #2d2b2b;bottom: 20px; content: '';display: block;height: 400%; left: 0;position: absolute;right: 0;transform: skewY(-1.75deg);transform-origin: 100%;z-index: -1;border-top: 8px solid #545555}

#copyright {text-align: center;padding:20px 0;background: #2d2b2b;color:#555;}
.footerbrand {background-image:url(../images/footerbrand.png);background-repeat:no-repeat;width:154px;height:69px;margin:auto;}

/* sliders customization */
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {background:#fafafa;}
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle {background:#f5f5f5;}


@media (min-width: 1200px){
.container {width: 1200px;}
}

@media (max-width: 1199px) {
	.navbar-header {
	  float: none;
	}
	.navbar-toggle {
	  display: block;
	  top:30px;
	}
	a > .navbar-toggle {color:#53585a;}
	.navbar-collapse {
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
	  display: none!important;
	}
	.navbar-nav {
	  float: none!important;
	  margin: 7.5px -15px;
	}
	.navbar-nav>li {
	  float: none;
	}
	.navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.visible-xs {display: block !important;}
	.approach {clear:both;}
	}

@media (max-width:1100px){
  .underling-right {padding:10px 30px;}
}

@media (min-width:600px) and (max-width:800px) {
#above h3 {font-size:36px !important;}
#above p {font-size:16px;}
.hovereffect a.info {display:block;margin:0 !important;}
}

@media (max-width:800px) {
  .headtop:after {bottom: 0px;}
  .navbar-brand {padding:15px 0;}
  .navbar-brand img {height:80px;}
  .under {display:block;}
  .underling-left {padding-top:20px;}
  .hovereffect {margin:10px 0;}
  .foottop::before {bottom: 0;}
  .team-builder {flex-direction:column;}
  .team {flex-wrap:wrap;flex-direction: column;}
  .team img {flex-direction: column;}
  .team1 {order:2}
  .team2 {display:flex;}
  .teamblock {display:flex;flex-direction:column;}
  .teamz {display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;padding:0 20px 20px;}
}

@media (min-width: 768px) {
	.navbar-nav {float: right;margin: 20px 0;}
	.navbar-nav {padding-left:20px;}
	#phone {position:relative;text-align: right; margin-bottom: -15px; color: #d95110; padding-right: 25px; font-weight: 300; font-size: 28px; letter-spacing: -1px;top:15px;float:right;}
	#phone a {color:#49697c;}
	#phone a:hover {color:#182d42;}
	#mainbody .resource img {
		margin: 0 0 30px 10px;
		float: right;
	}
}

@media (max-width: 600px) {
	#mainbody .resource img {
	    float: none;
	    width: 100% !important;
	}
}