@charset "utf-8";
/* CSS Document */

:root {
  --body-text-color: #444;
  --sec-bg-color:#d7f7fd;
}

body {
	font-family: "Poppins", sans-serif;
	font-weight:300;
	color:var(--body-text-color); font-size:1.25em; line-height:1.75em; letter-spacing:1px;
}

* { box-sizing: border-box;}

h1, h2, h3, h4, h5 { font-weight: 600; color:#000;}

section { margin:0; padding:0;}
p { margin-bottom:1.75em;}

a, a:visited { color:#000;}
a:hover { text-decoration:underline;}

.clearing { clear:both; height:1px;}

.img_left { float:left; padding:0 2em 2em 0;}
.img_right { float:right; padding:0 0 2em 2em;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
.table .row {display:table-row;}
.table .cell {display:table-cell; padding:0.5em;}

ul.table { padding:0;}

.gridContainer img { max-width:100%; margin:0 auto;}

.mark { color:#F00; background:none;}
.error { color:#F00;}
.msg { color:#0e3974;}
.dispnon { display: none;}
.smallTxt { font-size:75%;}
.hid { display:none;}
.boldtxt { font-weight:600;}

a.btn-more { width:auto; padding:0.75em 3em; /*background:#ab9500;*/ color:#fff; border:0; font-size:1em; border-radius:30px; text-decoration:none; 
background: linear-gradient(90deg,/*#ffde01*/#37A2D8 50%,/*#ab9500*/#2B296C 0) var(--_p,100%)/200% no-repeat;transition: .4s;}
a.btn-more:hover { /*background:#ffde01;*/ --_p: 0%; /*color:#000;*/ cursor:pointer;}

.blog-slider { margin-top:-5.5em;}

.header { }
/*
.banner { position:relative; display:flex; padding:8em 0 6em 0; font-size:2em; min-height:19em; margin-top:2.25em;}
.banner::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.banner h1 { position:relative; color:#fff; text-align:center; font-size:1.5em; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin:0 auto; line-height:0.85em;}
.banner h1 span { font-size:0.4em; font-weight:400; line-height:3em; text-transform:lowercase; letter-spacing:0;}

#banner-home { background: url(../img/banner-01.webp) no-repeat; background-size:cover; background-position:center;}
#banner-abt { background: url(../img/banner_02.webp) no-repeat; background-size:cover; background-position:center;}
#banner-srv { background: url(../img/banner_03.webp) no-repeat; background-size:cover; background-position:center;}
#banner-ctc { background: url(../img/banner_04.webp) no-repeat; background-size:cover; background-position:center;}
*/
.bannerInner { position:relative; display:flex; padding:30vh 0; margin-top:4.75em; margin-bottom:12vh; /*min-height:320px; /*background:#f6fafc#00d0f4;
background-image: url('data:image/svg+xml,<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><defs><linearGradient id="gradient" x1="100%" y1="50%" x2="0%" y2="50%"><stop offset="5%" stop-color="%232B296C"></stop><stop offset="95%" stop-color="%2304522A"></stop></linearGradient></defs><path d="M 0,400 L 0,150 C 129.59999999999997,178 259.19999999999993,206 424,193 C 588.8000000000001,180 788.8,126 964,112 C 1139.2,98 1289.6,124 1440,150 L 1440,400 L 0,400 Z" stroke="none" stroke-width="0" fill="url(%23gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 200)"></path></svg>');*/
background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)) , var(--image-url) center center; background-size: cover; background-repeat:no-repeat;
}
.bannerInner h1 { position:relative; color:#fff; text-align:center; font-size:2.5em; margin:0 20%; width:60%; line-height:normal;}
.bannerInner h1 span { font-size:0.45em; font-weight:400; color:#ececec; /*line-height:0.8em;*/}

#about .bannerInner { --image-url:url(../img/banner/about.webp);}
#team .bannerInner { --image-url:url(../img/banner/team.webp);}
#partners .bannerInner { --image-url:url(../img/banner/partners.webp); padding:23vh 0;}
#eshop .bannerInner { --image-url:url(../img/banner/eshop.webp);}
#agents .bannerInner { --image-url:url(../img/banner/agents.webp); padding:23vh 0;}
/*
#partners #kgsm.bannerInner { --image-url:url(../img/banner/kgsm.webp);}
*/
.content { padding:3em 0;}
.content h1 { color:#000;}
.content h2 { margin:0 0 0.5em 0; font-size:1.8em;}

#home .content h2 { color:#000; font-size:1.9em; letter-spacing:2px; margin-bottom:1.15em;}

#homeIntro { padding:4em 4.5em 3em; text-align:right; background:url(../img/bg-3.webp) top center no-repeat; background-size:cover;/* background:#d7f7fd #2B296Cvar(--sec-bg-color);* margin-top:6rem/*-0.5em; margin-bottom:-2em; color:#fff;*/}
#homeIntro h2, #brand h2 { font-size:1.9em; /*color:#fff !important;*/}
#homeIntro img, #brand img { max-height:600px; margin:5.25em 0 1em 1em; filter: drop-shadow(-10px -10px 10px rgba(172, 172, 172, 0.4));}
#homeIntro p, #brand p { font-size:0.95em;} 

#brand { padding:5.5em 4.5em 3em; margin:4rem 0 2rem; text-align:left; background:url(../img/bg-1.webp) top center no-repeat; background-size:cover; }
#brand img { margin:0 1em 0 0;}

#corevalues { padding-top:5em;}
#corevalues h2 { text-align:center; padding-bottom:0.35em;}
#corevalues .options { margin:0 auto;}
#corevalues .options .option .label .info .main { font-weight: 600; line-height:1.15em;}
#corevalues .options .option .label .info .sub { font-weight: 300; font-size:0.7em; letter-spacing:0; line-height:1.15em;}

.containerStd { border-radius:50px; box-shadow: 0 0 30px 0 #dcdcdc;}

#sect3.content { padding:3em 2em 6em;}
#sect3 h2 { text-align:center; padding-bottom:0.5em;}
#sect3 .containerStd { width:95%; margin:0 auto;}
#sect3 .containerStd img { border-top-left-radius:50px; border-top-right-radius:50px; width:100%;}
#sect3 .containerStd .txtbody { padding:2.5em 2.25em; font-size:0.85em; line-height:1.35em;}
#sect3 h3 { line-height:1.35em; margin-bottom:1.35em;}

#sect3 .btn-read { width:12em; padding:0.75em 2em; background:#2B296C; color:#fff; border:0; font-size:1em; border-radius:30px; text-decoration:none; display:flex; margin-bottom:2em; }
#sect3 .btn-read:hover { cursor:pointer;}
#sect3 .btn-read::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; transition:transform 0.2s ease-in-out;}
#sect3 .btn-read:not(.collapsed)::after{ transform:rotate(180deg);}
#sect3 .btn-read:not(.collapsed) { background:#37A2D8;}

#alliances { text-align:center; line-height:1.45em; background:url(../img/bg-2.webp) top center no-repeat; background-size:cover; /*background:#2B296C var(--sec-bg-color); /*color:#fff;*/}
#alliances h2 { /*color:#fff !important;*/}
#alliances.content { padding:5em 0 4em;}
#alliances ul, #alliances li { margin:0; padding:0; list-style:none;}
#alliances li { border-radius:40px; box-shadow: 0 0 30px 0 #efefef; padding:1em 1.25em; display:inline-block; margin:1.25em; background:#fff;}
#alliances li img { max-height:92px;}

#contact.content { padding:5em 0 6em;}
#contact h2 { text-align:center;}
.contactform { padding:0 5em;}
.contactform ul, .contactform li { margin:0; padding:0; list-style:none;}
.contactform input, .contactform textarea { width:100%; margin:0.5em; border:1px solid #b7b7b7; padding:0.75em 1.25em; border-radius:50px; font-weight:300;}
.contactform input.btn { width:auto; padding:0.75em 3em; background:#000; color:#fff; border:0; font-size:1em; /*transition: background-color 0.3s ease-in-out;*/ background: linear-gradient(90deg,#37A2D8 50%,#2B296C 0) var(--_p,100%)/200% no-repeat;transition: .4s;}
.contactform input.btn:hover { /*background: linear-gradient(90deg, #003663, transparent) #00d0f4;*/ --_p: 0%; cursor:pointer;}

.innerpage.content { font-size:0.8em; line-height:1.65em; padding-top:2em;}
.innerpage img { border-radius:50px; width:500px;}
.innerpage .img_left { padding:0; margin:0 4em 4em 0;}
.innerpage .img_right { padding:0; margin:0 0 4em 4em;}
.innerpage h2 { margin-top:0; font-size:2.4em !important;}
.innerpage h5 { margin-bottom:1em;}

.borderbox { padding:3em; border-radius:50px; border:1px solid #ccc; margin-bottom:3em;}
.borderbox p:last-child { margin-bottom:0;}

#about, #team, #partners, #eshop, #agents { margin:2em 0 0em;}
#about .innerpage:last-child { padding-bottom:10em !important;}

#about .borderbox {  border:0; border-bottom:8px solid #c11e7f; background:#fef1f8;}
#about .borderbox:last-child { border-bottom:8px solid #6c086a; background:#f9e9f9;}
/*
#about .container21 .borderbox { border-bottom:8px solid #c11e7f;}
#about .container22 .borderbox { border-bottom:8px solid #6c086a;}

.strategy, .strategy li { margin:0; padding:0; list-style:none;}
.strategy li { /*width:28%; margin:0 2.5% 1em 2.5%; display:inline-block;* margin-bottom:1em; text-align:center;}
.strategy li h4 { font-weight:600; color:#738f27; font-size:1.25em; padding-bottom:.5em; vertical-align:top; /*color:#fff; padding:0.15em 1em; background:#738f27; font-style:italic; margin-right:0.5em;*}*/

#strategy, #departments { 
margin-bottom:4vh;
--bs-border-radius:25px;
--bs-border-width:0;
--bs-body-color:#444;
}
#strategy img { border-radius:25px 25px 0 0;}
#strategy .card { box-shadow: 0 0 30px 0 #efefef;}
#strategy .card-body { padding:2em;}
#strategy .card-title { --bs-card-title-color:#000;}
/*
.strategy .cell { width:29%; padding:0 4% 1em 0;/* text-align:center;*}
.strategy h4 { padding-left:0;}*/

#team .innerpage { text-align:center;}
/*
#ceo { text-align:center; float:left; margin:0 4em 2em 0; }
#ceo h4 { margin-top:1em;}
*/
.team-photos { margin:10vh auto 20vh auto; padding:0;}
.team-photos li { display:inline; margin:0 1em 2em 1em; padding:0; list-style:none;}
.team-photos li img { border:15px solid #fff; box-shadow: 5px 5px 15px 0 #ccc; max-width:17vw; border-radius:0; }
.team-photos li:nth-child(1) img { transform:rotate(20deg);}
.team-photos li:nth-child(2) img { transform:rotate(-15deg);}
.team-photos li:nth-child(3) img { transform:rotate(11deg);}
.team-photos li:nth-child(4) img { transform:rotate(-6deg);}

#departments { margin:6vh auto 8vh auto;}
#departments img { border-radius:0 0 25px 25px;}
#departments .card { box-shadow: 0 0 30px 0 #efefef;}
#departments .card-body { padding:2em;}
#departments .card-title { --bs-card-title-color:#000;}
#departments .fa-solid { padding-bottom:3vh; font-size:1.5em; color:#D4D079;}
#departments .col:nth-child(even) .fa-solid { color:#37A2D8;}

#depts h3 { margin-bottom:4vh;}
#depts h3:nth-child(3) { margin-top:8vh;}
#depts.innerpage.content { /*padding-top:0;*/}
#depts .accordion { margin:0 auto 6vh;}
#depts .accordion h2 { margin-bottom:0;}
#depts .accordion .accordion-body { text-align:left; color:var(--body-text-color);}
#depts .accordion .accordion-body img { max-width:15rem;}
#depts .accordion .accordion-body .img_left { margin:0 1.5em 1em 0;}
#depts .accordion .accordion-body .img_right { margin:0 0 1em 1.5em;}
#depts .accordion-button.collapsed { background-color:#0a5955; color:#fff;}
#depts .accordion-button:not(.collapsed) { background-color:#a7efeb; color:#04522A;}
#depts .accordion-button:focus{box-shadow:none;}
#depts .accordion-button.collapsed, #depts .accordion-button:not(.collapsed), #depts .accordion-item, #depts .accordion-body { border-color:#fff;}
#depts .accordion-button::after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; background-image:none;}
#depts .accordion-button .fa-solid { padding-right:1em;}
#depts .accordion-button.collapsed .fa-solid { color:#f7d61d;}
#depts .accordion-button:not(.collapsed) .fa-solid { color:#af2db1;}

/*
.accordion-button{
	color:var(--bs-accordion-btn-color);
	background-color:var(--bs-accordion-btn-bg);}
.accordion-button:not(.collapsed){
	color:var(--bs-accordion-active-color);background-color:#09C;
	box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}
.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}
.accordion-button::after{
	flex-shrink:0;width:var(--bs-accordion-btn-icon-width);
	height:var(--bs-accordion-btn-icon-width);
	margin-left:auto;
	content:"";
	background-image:var(--bs-accordion-btn-icon);
	background-repeat:no-repeat;
	background-size:var(--bs-accordion-btn-icon-width);
	transition:var(--bs-accordion-btn-icon-transition)
}

.accordion-button:focus{box-shadow:var(--bs-accordion-btn-focus-box-shadow)}

.accordion-item{
	color:var(--bs-accordion-color);background-color:#000;border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}


#departments{
	$accordion-button-active-bg:#0F3;
	--accordion-active-color: #0F3;

}
/*
#depts .accordion-active-bg: #{$accordion-button-active-bg};
body .options .option:nth-child(1) {
  --defaultBackground:#ED5565; --optionBackground:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0) 100%), url(../img/flexcard_01.webp);
}*/

#members { text-align:center; padding:0 10% 3em 10%;}
#members ul, #member li { margin:0; padding:0; list-style:none;}
#members li { position: relative; padding: 0; width: auto; cursor: pointer; overflow: hidden; display:inline-block;}
#members li img { max-height:220px; width:auto; border-radius:0;}
#members li .contentbox {
	opacity: 0; position: absolute; top: 0; left: 0; width:100%; height:220px;
	font-size: 20px; color: #333; text-align: center;
    -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
#members li .contentbox:hover { opacity: 1;}
#members li .contentbox .text {
	opacity: 1; width:100%; padding:5px 10px; transition-delay: 0s; transition-duration: 0.4s;
    background-color: rgba(255, 255, 255, 0.8); font-size: 0.7em; font-weight:600; color:#ff3800;
}
#members li .contentbox:hover .text { opacity: 1; transform: translateY(180px); -webkit-transform: translateY(180px);}



.gallery { margin-top:8vh;}

#partners h2 { text-align:center; margin-bottom:1em;}
#partners .innerpage img.img_right, #partners .innerpage img.img_left { width:350px;}

#kgsm-intro { margin-bottom: 10vh;}
#kgsm-intro img { margin-bottom: 5vh;}

#partners .row { margin-bottom:3vh;}
#partners .col { padding:0 3vw;}
#partners .col:nth-child(1) {text-align: right;}
#partners .col:nth-child(2) {text-align: left;}
/*
.stack-photos { margin:3vh 0 0 0; padding:0;}
.stack-photos li { display:inline; margin:0; padding:0; list-style:none;}
.stack-photos li img { border:10px solid #fff; box-shadow: 5px 5px 15px 0 #ccc; max-width:12vw; border-radius:0; }
.stack-photos li:nth-child(1) img { transform:rotate(20deg);}
.stack-photos li:nth-child(2) img { transform:rotate(-15deg);}
.stack-photos li:nth-child(3) img { transform:rotate(11deg);}
.stack-photos li:nth-child(4) img { transform:rotate(-6deg);}

#kgsm-contents #row2 .stack-photos li img {max-width:15vw; transform:rotate(-10deg);}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row5 .stack-photos li img {max-width:10vw;}
#kgsm-contents #row4 .stack-photos li img {max-width:10vw;}
#kgsm-contents #row4 .stack-photos li:nth-child(1) img { transform:rotate(-10deg);}
#kgsm-contents #row4 .stack-photos li:nth-child(2) img { transform:rotate(5deg);}
#kgsm-contents #row4 .stack-photos li:nth-child(3) img { transform:rotate(16deg);}
#kgsm-contents #row5 .stack-photos li:nth-child(3) img { transform:rotate(-5deg);}
*/
#kgsm-contents .row { margin-bottom:10vh;}
#partners #kgsm-contents #row3.row { margin-bottom:0;}
#partners #kgsm-contents .col { padding:0 1.5vw;}
#partners #kgsm-contents #row3 .col {text-align: center;}
#kgsm-contents .col img {max-width:25vw;}
 
.lightbox .lb-image { border-radius:15px; border:1em solid rgba(255, 255, 255, 0.30);}
.lb-outerContainer { border-radius:15px;background-color:rgba(255, 255, 255, 0.30);}

.video-item { position: relative; overflow: hidden;}
.thumb-overlay {
  position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:1; transition:.3s ease; background-color: rgba(0, 0, 0, 0.5);
}
.video-icon {	
	position:absolute; top:50%; left:50%; 
	color:white; font-size:15vh; text-align: center;
	transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);
}
.video-item:hover .thumb-overlay { background-color: rgba(0, 0, 0, 0); cursor: pointer;}

#videoSect { text-align:center; width:80%; margin:0 auto;}
#videoSect h3 { margin:15vh auto 8vh ; font-size:2.1em;}
#videoSect .video-item { border-radius:25px; margin:0 auto; margin-bottom:8vh; width:80%;}
#videoSect .video-item img { width:100%; border-radius:25px;}


/*
.productCont:nth-child(1) .containerStd { margin-top:3.5em;}*/
.productCont:nth-child(2) .containerStd { /*margin-top:5.5em;*/ position:relative; z-index:99;}
.productCont .containerStd { margin-top:3.5em;}
.productCont .borderbox { width:70%;}
.productCont:nth-child(odd) .borderbox { margin-left:30%; border-left:13px solid /*#0b9bd2*/#00aeef;}
.productCont:nth-child(even) .borderbox { margin-right:30%; border-right:13px solid /*#1b8a8f*/#01b1ba;}
.productCont ul, .productCont li { margin:0; padding:0;}
.productCont ul { margin-left:1em;}
.productCont h3 { margin-bottom:1em;}

.list-type5 { width:100%; margin:0 auto;}
.list-type5 ol { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 1em; padding: 0; counter-reset: li-counter;}
.list-type5 ol li { 
	position: relative; margin-bottom: 1.5em; padding: 0.5em; padding-left: 58px; 
	background-image: linear-gradient(to right, #f4f1b3/*fdf4a4 e7e398*/, white); border-radius:25px; color:#555;
}
.list-type5 ol li:before {
	position: absolute; top: 0.3em; left: -0.5em; overflow: hidden;
	width: 1.8em; height: 1.2em;
	font-size: 2em; line-height: 1.2; font-weight: bold; text-align: center; color: white;
	background-color: #9e8f47/*62d7f8*/;/*
	transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg);*/
	content: counter(li-counter); counter-increment: li-counter;
}
.productCont:nth-child(2) .list-type5 ol li:before { /*background-color: #5eeec7;*/}
.list-type5 ol li strong {color:#333;}

#agents .content { text-align:center;}

#how .card, #why .card { border:0;}

#why h3 { margin-bottom:8vh;}
#why .card { border-top: 5px solid var(--why-top-border-color); padding:2vh 0 4vh;}
#why .col:nth-child(1) .card { --why-top-border-color:#cc164a;}
#why .col:nth-child(2) .card { --why-top-border-color:#e8dd13;}
#why .col:nth-child(3) .card { --why-top-border-color:#00a99d;}
#why .col:nth-child(4) .card { --why-top-border-color:#1882c7;}
#why .row:nth-child(3) .col .card { --why-top-border-color:#79469f;}
#why .col-lg-6 img:first-child { /*margin-bottom:4vh;*/}

#how { margin-bottom:4vh;}
#how h3 { margin:6vh 0;}
#how .card-title img { width:5em; border-radius:0; margin-bottom:1em;}

#cta { background:#d7f7fd;/*background:url(../img/bg-1.webp) top center no-repeat; background-size:cover;*/}
#cta h3 { margin-top:4vh;}
#cta p { margin:4vh 0 6vh;}
#cta.content { padding-bottom:11vh;}

#shout { background:#37A2D8;}
#shout h2 { margin-top:4vh; color:#fff;}

.footer { width:100%; padding:5em 0; background:#f9f8f8; font-size:0.75em; line-height:1.75em; letter-spacing:0;}
.footer img { max-height:58px;}
.footer .table, .footer .table li{ color:var(--body-text-color); margin:0; padding:0;}
.footer .cell { padding:0.25em 0.5em;}
.footer .cell span { color:#000; font-weight:600; font-size:1.25em; background:none;}
.footer .cell:nth-child(1) { width:35%;}
.footer a .fa-facebook { color:#000; font-size:1.5em;}
.footer a:hover .fa-facebook {color:#37A2D8;}

#to-top {opacity: 0.7;border-radius: 50% 50% 50% 50%;}
#to-top {
    width: 40px;
    height: 40px;
    text-align: left;
    text-indent: -9999px;
    background: url(../img/sprite.png) no-repeat scroll -120px -50px transparent;
    overflow: hidden;
    display: none;
    position: fixed;
	right: 9%;/*
    right: 20px;*/
    bottom: 20px;
}

#to-top:hover {opacity: 1;}

/* ---------------- fade-in effect ---------------- */
.fadein {
	animation: fadeInAnimation ease 4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}/*
.slideanim::after {
     useful when its child elements are float:left; 
    content: "";
    display: table;
    clear: both;
}*/

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

@media only screen and ( max-width: 90em ) /* 1440 */
{
#homeIntro img { margin-bottom:0;}
/*
.stack-photos li img { max-width:14vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:18vw;}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row5 .stack-photos li img {max-width:11vw;}
#kgsm-contents #row4 .stack-photos li img {max-width:11vw;}*/
}

@media only screen and ( max-width: 80em ) /* 1360 */
{
.bannerInner { /*padding:3em 0; min-height:12em;*/padding:25vh 0; margin-top:4.25em; }
#partners .bannerInner, #agents .bannerInner { padding:20vh 0;}

.bannerInner h1 { margin:0 10%; width:80%;}
/*
.stack-photos li img { max-width:15vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:22vw;}*/
}

@media only screen and ( max-width: 80em ) /* 1280 */
{
.banner { padding:6em 0 5em 0; min-height:15em;}

#homeIntro, #brand {padding-left:0; padding-right:0;}

#sect3.content { /*padding:3em 0;*/}
.contactform { padding:0;}

.innerpage img { width:400px; }
.innerpage .img_left { padding:0; margin:0 3em 2em 0;}
.innerpage .img_right { padding:0; margin:0 0 2em 3em;}
/*
#depts .accordion { margin:0 auto 6vh;}


.team-photos li img { max-width:23vw;}
*/

.footer .cell:nth-child(1) { width:45%;}
}

@media only screen and ( max-width: 64em ) /* 1024 */
{
.content { padding:2em 0;}

#home .content h2 { font-size:2em;}
#homeIntro img, #brand img { max-height:500px;}

#videoSect, #videoSect .video-item { width:100%;}

.team-photos li { margin:0;}
.team-photos li img { border:10px solid #fff; max-width:30vw;}
/*
.stack-photos li img { max-width:17vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:30vw;}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row5 .stack-photos li img {max-width:13vw;}
#kgsm-contents #row4 .stack-photos li img {max-width:13vw;}
*/
#kgsm-contents .col img {max-width:30vw;}
	
#to-top { right:10%;}
}

@media only screen and ( max-width: 62em ) /* 992 */
{
#homeIntro img, #brand img { max-height:400px;}

#sect3 .container21 { margin-bottom:4em;}

.bannerInner { padding:20vh 0; /*min-height:9em; margin-top:4.25em; background-position: center 15%; */}
#partners .bannerInner, #agents .bannerInner { padding:13vh 0;}

.bannerInner h1 { font-size:2em;/* margin:0 10%; width:80%;*/}

.strategy .cell { width:100%; padding:0; padding-bottom:1em; display:block;}
/*
.innerpage #ceo img { width:500px;  }
#ceo-intro { clear:both; padding-top:3em; text-align:center;}

.list-type5 ol li { padding-left: 32px;}
.list-type5 ol li:before { font-size: 1.5em;}
*/
	
.footer .table { margin-top:2em;}
.footer .cell, .footer .cell span { padding-left:0; padding-right:0;}
}

@media screen and (max-width: 56em) /* 896 */
{
.banner { /*margin-top:2.7em; */padding:4em 0 3em 0; min-height:13em;}

.banner h1 { font-size:2em;}
.banner h1 span { font-size:0.2em;}

#corevalues .options .option .label .icon img { width:18px;}
#corevalues .options .option .label .info .main { font-size:0.9em;}
#corevalues .options .option .label .info .sub { font-size:0.65em; letter-spacing:0;}

.bannerInner { margin-top:3.5em; }
#partners .bannerInner, #agents .bannerInner { padding:16vh 0;}

.bannerInner h1 { margin:0 5%; width:90%;}
/*
.stack-photos li img { max-width:19vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:32vw;}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row4 .stack-photos li img {max-width:17vw;}
#kgsm-contents #row5 .stack-photos li img {max-width:15vw;}*/
}

@media screen and (max-width: 51em) /* 816 */
{
body {font-size:1.15em;}

.banner { /*margin-top:2.5em;*/ padding:3em 0 3em 0; min-height:10em;}
.banner h1 {line-height:1em;}

#homeIntro, #brand { font-size:0.9em; line-height:1.7em;}

.innerpage img { width:350px; }
/*
#kgsm-contents #row5 .stack-photos li img {max-width:17vw;}*/

#to-top { right:20px;}
}

@media screen and (max-width: 48em) /* 768 */
{
.blog-slider { margin-top:2em;}
.curve1 { margin-top:-8em;}
#homeIntro { /*padding-top:0; margin-top:-2em;*/}/*
#depts .accordion { margin:0 0 6vh;}*/
.team-photos li img { max-width:35vw;}

#partners .col:nth-child(1),  #partners .col:nth-child(2) {text-align: center;}/*
.stack-photos { margin-top:0;}
.stack-photos li img { max-width:25vw;}

#kgsm-contents .row { margin: 5vh auto; border-bottom: 5px double #333;}
#kgsm-contents #row1 .stack-photos, #kgsm-contents #row3 .stack-photos, #kgsm-contents #row5 .stack-photos {
	margin: 1vh 0 8vh;}
#kgsm-contents #row2 .stack-photos, #kgsm-contents #row4 .stack-photos {margin: 3vh 0 7vh;}
#kgsm-contents #row2 .stack-photos li img {max-width:35vw;}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row5 .stack-photos li img {max-width:25vw;}
#kgsm-contents #row4 .stack-photos li img {max-width:25vw;}
#kgsm-contents #row5 { margin-bottom:7vh; border-bottom: 0;}*/
#kgsm-contents .col img { max-width: 45vw;}
#kgsm-contents .col:first-child img { margin-bottom: 10vh;}
#kgsm-contents #row4 .col:first-child img { margin-bottom: 5vh;}
}

@media screen and (max-width: 45em) /* 720 */
{
#homeIntro, #brand { text-align:center; /*margin-top:-6em;*/}
#homeIntro .img_right, #brand .img_left { float:none; padding:2em;}
#homeIntro img, #brand img { max-height:600px; margin-top:0;}

.innerpage img { width:100%;}
#about .innerpage .img_left { float:none; margin:0 0 4em 0;}
#about .img_right { float:none; margin:2em 0 4em 0;}

.productCont:nth-child(1) { margin-bottom:4em;}
.productCont:nth-child(1) .containerStd, .productCont:nth-child(2) .containerStd { margin-top:0;}
.productCont .borderbox { width:90%;}
.productCont:nth-child(odd) .borderbox, .productCont:nth-child(even) .borderbox { margin:0 auto;}

#kgsm-contents .col img { max-width: 100vw;}
}

@media screen and (max-width: 42em) /* 672 */
{
.bannerInner {/* padding:2.5em 0; min-height:6em;*/}
#partners .bannerInner, #agents .bannerInner { padding:13vh 0;}

.bannerInner h1 { font-size:1.5em;}
.bannerInner h1 span { font-size:0.65em;}

#home .content h2 { padding-left:1em; padding-right:1em; line-height:1.25em !important;}
}

@media screen and (max-width: 40em) /* 640 */
{
.content { padding-top:1em;}

.innerpage.content { padding-top:0em;}
#cta.innerpage.content, #shout.innerpage.content { padding-top:2em;}
/*
.stack-photos li img { max-width:30vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:40vw;}*/

#to-top { right:20px;}
}

@media screen and (max-width: 35.5em) /* 568 */
{
#homeIntro { /*margin-top:-3.5em;*/}
#depts .accordion .accordion-body img { max-width:100%; float:none;}
#depts .accordion .accordion-body .img_left, #depts .accordion .accordion-body .img_right { margin:0 0 1em 0;}
}

@media screen and (max-width: 30em) /* 480 */
{
.banner { /*margin-top:2em;*/}

#home .content h2 { font-size:1.9em; line-height:1.5em;}
#homeIntro img, #brand img { float:none; padding:0;}

#corevalues .options .option .label .icon img { width:18px;}
#corevalues .options .option .label .info .main { font-size:0.9em;}
#corevalues .options .option .label .info .sub { font-size:0.65em; letter-spacing:0;}

.bannerInner { padding:15vh 0;}
#partners .bannerInner, #agents .bannerInner { padding:8vh 0;}

.bannerInner h1 span { font-size:0.5em;}
/*
.stack-photos li img { max-width:35vw;}
#kgsm-contents #row2 .stack-photos li img {max-width:50vw;}
#kgsm-contents #row3 .stack-photos li img, #kgsm-contents #row5 .stack-photos li img {max-width:35vw;}
#kgsm-contents #row4 .stack-photos li img {max-width:35vw;}	*/
}

@media screen and (max-width: 26em) /* 416 */
{
#homeIntro { /*margin-top:-4em;*/}
.bannerInner { padding:10vh 0; margin-top:2.5em;}
}

@media screen and (max-width: 23.5em) /* 376 */
{
.banner { padding:3em 0 2em 0; min-height:8em; /*margin-top:2em;*/}
.banner h1 { font-size:1.5em;}
.banner h1 span { font-size:0.55em; line-height:1em;}

#home .content h2 { font-size:1.75em; line-height:1.35em;}
#homeIntro { /*margin-top:-4.5em;*/}
}

@media screen and (max-width: 22.5em) /* 360 */
{
a.btn-more { padding:0.75em 1.5em;}	
/*
.list-type5 ol { margin: 0;}
.list-type5 ol li { padding-left:1em; padding-top:1em;}*/
}

@media screen and (max-width: 20.5em) /* 328 */
{
#home .content h2 { font-size:1.5em;}
#homeIntro { /*margin-top:-5.5em;*/}
}