body { overflow:hidden; font-family:'co_headlinelight', sans-serif; font-size:16px; color:#ffffff; line-height:1; background:#1c2147; -webkit-print-color-adjust: exact; font-weight:normal;/* overflow:auto!important;*/}

/*################### HEADER ###################*/
.top-header{ background:transparent; text-align: center; z-index:102; width:100%; position:fixed; min-height:100px;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;
background: #1c2147;  -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
/*.top-header.theme-white{ background:#FFF; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}*/

.top-header .header-logo1{display:block; margin: 0 auto; text-align:left;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.top-header .header-logo1{display:block; padding-top: 15px; text-align:left;}
.top-header .header-logo1 svg{ max-height: 80px;}

.top-header .nav-toggle{ display:none; position:relative; float:right; font-size:1em; min-height:100px; padding:45px 25px 0 50px; color:#fff; text-align: left;
-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.top-header .nav-toggle .nav-icon{ position: absolute; left: 10px; top: 42%;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.top-header .nav-toggle .nav-text{ min-width:120px; font-family:'co_headline_trialregular', sans-serif;}
.top-header .nav-toggle span svg{ width:25px; height:25px;}
.top-header .nav-toggle:hover .nav-icon svg rect { fill: #d5531b;}
.top-header .nav-toggle .nav-icon svg g{ -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.top-header .nav-toggle:hover .nav-icon svg g:first-of-type { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); animation-delay:0s;}
.top-header .nav-toggle:hover .nav-icon svg g:nth-of-type(2) { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);  animation-delay:1s;}
.top-header .nav-toggle:hover .nav-icon svg g:nth-of-type(3) { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px);  animation-delay:0.5s;}
.top-header .nav-toggle:hover{padding:45px 27px 0 48px; color:#d5531b;}
.top-header .nav-toggle:hover .nav-icon svg path { fill: #d5531b;}
.top-header .nav-toggle .nav-icon svg g{ -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.top-header .nav-toggle.active .nav-icon svg g:first-of-type {  -webkit-transform: rotate(-45deg) scaleX(1.5) translate(2px, 26px); -ms-transform: rotate(-45deg) scaleX(1.5) translate(2px, 26px); transform: rotate(-45deg) scaleX(1.5) translate(2px, 26px); transform-origin: 32% 45%;}
.top-header .nav-toggle.active .nav-icon svg g:nth-of-type(2) { -webkit-transform: rotate(45deg) scaleX(1.2) translate(2px, -23px); -ms-transform: rotate(45deg) scaleX(1.2) translate(2px, -23px);transform: rotate(45deg) scaleX(1.2) translate(2px, -23px); transform-origin: 21% 65%;}
.top-header .nav-toggle.active .nav-icon svg g:nth-of-type(3) { -webkit-transform: scaleX(0.1) translateY(0); -ms-transform: scaleX(0.1) translateY(0); transform: scaleX(0.1) translateY(0); transform-origin: 74% 0%;}

.top-header .lang-switcher{ position:relative;  display:block; float:right; font-size:1em; min-height:100px; padding:42px 20px 0 20px; color:#fff; text-align: left;
-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.top-header .lang-switcher .color-box{ background: #fff; color: #1c2147;  display: block; border-radius: 20px; padding: 3px 10px 9px 30px; font-size: 0.9em; position: relative;
-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.top-header .lang-switcher .nav-icon svg g * { stroke: #1c2147;}
.top-header .lang-switcher .nav-icon svg path { fill: #1c2147;}
.top-header .lang-switcher .nav-icon{ position: absolute; left: 4px; top: 4px; 
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.top-header .lang-switcher .nav-text{ font-family: 'co_headline_trialregular', sans-serif; line-height: 1; font-size: 1em;}
.top-header .lang-switcher span svg{ width:20px; height:20px;}
.top-header .lang-switcher .nav-icon svg .for-animation-hover {-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transform-origin: 50% 50%; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.top-header .lang-switcher:hover .color-box{ background: #d5531b; color:#ffffff;}
.top-header .lang-switcher:hover .nav-icon svg g * { stroke: #ffffff;}
.top-header .lang-switcher:hover .nav-icon svg path { fill: #ffffff;}
.top-header .lang-switcher:hover .nav-icon svg .for-animation-hover { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }


.top-header .header-logo1{float:left;}
.top-header .nav{ float:right; font-size:1em;}
.top-header .nav li{ float:left;}
.top-header .nav li a{ float:left; font-family:'co_headline_trialregular', sans-serif; position:relative;  display:block; float:right; font-size:1em; min-height:90px; padding:45px 20px 0 20px; color:#fff; text-align: left;
-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.top-header .nav li a:hover, .top-header .nav li.current_page_item a, .top-header .nav li a.selected, .top-header .nav li a:focus{padding:45px 20px 0 20px; color:#d5531b!important; background-color: transparent;}

.chapter-nav{ padding-top:100px;}
.chapter-nav ul{ 
    padding-top: 50%;
    margin-top: -25%;}
.chapter-nav li{ text-align:center;}
.chapter-nav li a{ color:#FFF; padding: 20px 15px;
    font-weight: bold;}
.chapter-nav li a:hover, .chapter-nav li a.selected{ color:#1c2147; background-color: #d77952;}


/*################### FOOTER ###################*/
.footer-section{ background:#fff; -webkit-box-shadow: -6px -1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: -6px -1px 2px 0px rgba(0,0,0,0.2);  box-shadow: -6px -1px 2px 0px rgba(0,0,0,0.2);}
.copyright-box{padding-top:43px; padding-bottom:43px; font-size:0.8em; line-height:1.3}
.chapter-nav-box{padding-top:30px; padding-bottom:30px;}
.chapterink{ font-size:0.9em; display:block; height:40px; color:#FFF; float:right; text-transform:uppercase; font-family:'co_headline_trialregular', sans-serif;
-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.chapterink.disabled{ opacity:0.3; padding-left:0!important; padding-right:0!important;}
.chapterink.leftnav{ padding: 13px 20px 0 0px;}
.chapterink.rightnav{ padding: 13px 0 0 20px;}
.chapterink.leftnav:hover{ padding: 13px 0px 0 20px;}
.chapterink.rightnav:hover{ padding: 13px 20px 0 0px;}
.chapterink:hover{ color:#d5531b;}
.chapter-needle{display:block; width:48px; height:40px; float:right;}
.chapter-needle svg g{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; transform-origin: 50% 50%;}
.chapter-needle.next svg g:nth-of-type(1){ 
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.chapter-needle.previous svg g:nth-of-type(1){ 
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
.chapter-needle.next svg g:nth-of-type(2){ 
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
.chapter-needle.previous svg g:nth-of-type(2){ 
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.chapter-needle.next svg g path, .chapter-needle.previous g path{ fill:#d5531b;} 
.chapter-nav{ position:fixed; top:0; left:0; right:0; bottom:0; background: rgb(81,84,114); background: linear-gradient(149deg, rgba(81,84,114,1) 30%, rgba(223,123,80,1) 90%); z-index:101;
webkit-transition: height 2s, transform .5s, opacity .3s;
    -moz-transition: height 2s, transform .5s, opacity .3s;
    -ms-transition: height 2s, transform .5s, opacity .3s;
    transition: height 2s, transform .5s, opacity .3s;
	 opacity:1; height: 100%; transform: scale(1);
 opacity: 0; height: 0;
    transform: scale(1.8); overflow: hidden;  
}
.chapter-nav.active{     webkit-transition: height 0s, transform .5s, opacity .2s;
    -moz-transition: height 0s, transform .5s, opacity .2s;
    -ms-transition: height 0s, transform .5s, opacity .2s;
    transition: height 0s, transform .5s, opacity .2s;
	 opacity:1; height: 100%; transform: scale(1);}
.chapter-nav.active.active-redirection img{  transform: scale(0); opacity:0;
    webkit-transition: transform 1s, opacity .8s;
    -moz-transition: transform 1s, opacity .8s;
    -ms-transition: transform 1s, opacity .8s;
    transition: transform 1s, opacity .8s}
	
/*################### MENU ###################*/	
.chapter-menu{     display: flex;
    flex-direction: column;
    justify-content: center; max-width:900px; height:100vh; margin:0 auto;}
.chapter-menu img{    -webkit-box-shadow: 0 42px 84px 0 rgb(0 0 0 / 50%); box-shadow: 0 42px 84px 0 rgb(0 0 0 / 50%); }
.owl-item .chapter-menu.active img{    -webkit-box-shadow: 0 42px 84px 0 rgb(255 77 0 / 70%); box-shadow: 0 42px 84px 0 rgb(255 77 0 / 70%); }
.owl-carousel .owl-item img {
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -ms-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out;
	transition-delay:0.4s;
    width: 90%; margin:0 auto;
}
.owl-carousel .owl-item.active .chapter-menu.currentpage img {
    width: 100%;
}
.chapter-nav-left-menu-holder {
    position: absolute;
    left: 30px;
    bottom: 32px;
	text-align:left; padding-left:50px; padding-top:13px;
	z-index: 1000;
}
.chapter-nav-left-menu {
	-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
	display:inline-block;
    opacity: 1; height:50px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.7);
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase;
}
.chapter-nav-left-menu:first-of-type {
	padding-right:30px;
}
.chapter-nav-left-menu:hover{
	color:#1c2147;
}
.pdf-download svg{ position:absolute; left:0; top:0;}
.pdf-download:hover {
    color: rgba(256,256,256,1);
}
.chapter-nav-left-menu:hover path, .chapter-nav-left-menu:hover polygon{
    fill: rgba(256,256,256,1);
}
.helper-hand {
    position: absolute; right:0; bottom:0;
    height: 30px;
    right: 30px;
    bottom: 32px;
    opacity: 1;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255,255,255,.7);
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase;
}

.helper-hand i.icon {
    position: absolute; color:#faa31b;
    top: -10px;
    left: -64px;
    -webkit-animation: shake-left-right 2s both infinite;
    animation: shake-left-right 2s both infinite;
    -webkit-transform: translateX(0) translateY(0) rotate(0deg);
    -ms-transform: translateX(0) translateY(0) rotate(0deg);
    transform: translateX(0) translateY(0) rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.helper-hand i.icon path {
fill: #FFFFFF;
}

.helper-hand i.icon, .helper-hand i.icon svg {
    width: 50px;
    height: 50px;
}
i.icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*################### COMMON ###################*/
.dinline{display:inline-block;}
.pb0{padding-bottom:0!important;}
.mb0{margin-bottom:0!important;}
.underline-svg{ display:block; line-height:0; padding-top:10px;}
.underline-svg svg rect{ fill:#ff9800;}
h2{ font-size:2.7em; font-weight:normal;  color:#1c2147;}
.blue-color{color:#009fe3;}
.yellow-color{color:#ff9800;}
h3{ font-size:1.7em; font-weight:bold; color:#1c2147; font-family:'co_headlinelight', sans-serif;}
h4{ font-size:1.6em; font-weight:bold;}
h5{ font-size:1.4em; font-weight:bold;}
.h3-padding-top{padding-top:10px;}
.h2-padding-bottom{padding-bottom:20px;}
p, ul, ol{ font-size:1.2em; font-weight:normal; line-height:1.3; color:#1c2147; }
ul.yellow-bullet{ list-style:none; margin-left:20px; position:relative;}
ul.yellow-bullet li{ list-style:none; padding-bottom:3px;}
ul.yellow-bullet li:before{ content:"•"; position:absolute; left:-20px; color:#ff9800;}
.page-padding{padding-top:100px; padding-bottom:40px;}
.page-top-padding{ padding-top:50px;}
.number-card{  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
background:#FFF; border:solid 2px #009fe3; border-radius:9px; padding:30px 30px 10px 30px; margin-bottom:20px; text-align:center; min-height:330px; box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);}
.number-card:hover{transform: scale(1.06);  transform-origin: 50% 100%; box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);}
.number-card h2{ color:#009fe3; font-size:5em;}
.number-card p{ font-size:1.3em;}

.circle-card{ -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
background:#FFF; border:solid 2px #009fe3; border-radius:9px; margin-bottom:20px; text-align:center; border-radius:50%;
box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);}
.circle-card:hover{transform: scale(1.06);  transform-origin: 50% 100%; box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);}
.circle-card.responsive-square{ width:100%;}
.circle-card>div{ padding:100px 40px 10px 40px;}
.circle-card img{ margin:0 auto;}
.circle-card p{ font-size:1.2em; lie-height:1.1;}

a.skeweffect{ transform: scale(1); display:block; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
a.skeweffect:hover{transform: scale(0.95); display:block;}

.img-responsive.max-150px{ max-width:150px; width:100%;}
.img-responsive.max-50px{ max-width:50px; width:100%;}


.text-dark{color:#4c4c4e!important;}
.text-blue { color:#009fe3!important;}
.text-yellow { color: #ffc107!important;}
.text-blue p, .text-blue ul{ color:#009fe3; font-size:1.5em;}
.bg-box-blue{ background:#009fe3; border-radius:20px; color:#FFF; padding:50px; margin-top:20px;}
.bg-box-blue *{color:#FFF!important;}
.bg-box-light-blue{ background:#d4edfc; border-radius:20px; color:#FFF; padding:50px; margin-top:20px;}
.bg-box-light-blue .sep-line-xl, .bg-box-light-blue .sep-line-lg, .bg-box-light-blue .sep-line-md, .bg-box-light-blue .sep-line-sm, .bg-box-light-blue .sep-line-xs{ border-color:#00adef!important;}
.bg-box-light-gray{ background:#dee0e0; border-radius:20px; padding:50px; margin-top:20px;}
.bg-box-light-gray-sharp{background:#f1f1f2; padding:30px; margin-top:20px;}
.bg-box-light-blue-svg{ margin-bottom:20px; padding:60px 30px 30px 30px; text-align:center; border-radius:20px; background-image:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/bg-box-light-blue-svg.svg); background-repeat:no-repeat; background-size:100% auto; background-position:center top;}
.bg-box-light-blue-svg h3{color:#009fe3; font-family:'co_headline_trialregular', sans-serif;}
.chapter1 .bg-box-light-blue-svg{ min-height:190px;}
.bg-box-light-gray-svg{ margin-bottom:20px; padding:60px 30px 30px 30px; border-radius:20px; background-image:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/bg-box-light-gray-svg.svg); background-repeat:no-repeat; background-size:100% auto; background-position:center top;}
.bg-box-light-gray-svg img{ margin:0 auto;}
.border-box-blue{border:solid 2px #009fe3; border-radius:9px; padding:30px 30px 10px 30px; margin-bottom:20px;}
.sep-line-bottom{ border-bottom:solid #999 1px; height:15px; display:block; margin-top:15px;}

.profile-box{ margin-bottom:20px; font-size: 0.95em; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0);}
.profile-box:hover{box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-webkit-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);
-moz-box-shadow: 10px 10px 29px -10px rgba(0,0,0,0.55);}
.profile-box .profileco{ overflow:hidden; max-height:inherit; display:block;}
.profile-box .profileco img{ -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.profile-box:hover .profileco img{ transform:scale(1.1,1.1);}
.profile-box h3{color: #009fe3; padding-top: 15px; font-weight: bold;}
.profile-box p{ margin-bottom:15px;}
.profile-box h3, .profile-box p{ padding-left:0px; padding-right:10px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.profile-box:hover h3, .profile-box:hover p{ padding-left:10px; padding-right:0px;}
.profile-box .logoco{ border-top: solid 1px #9e9e9e; display: block; margin-top:5px; }
.round-box-icon{ border-radius: 50%; border: #00adef 1px solid; background: #fff; padding: 15px;}


	

/* ################### 2021 VERSION ################### */


/* ## MOUSE NOTIFICATION ## */
.mouse-notification{
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 25px;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
	 opacity:0.4;
	 text-decoration:none;
	 display:block;
	 cursor:pointer;
}
.mouse-notification g:nth-of-type(2){animation:mousewheel 1s ease-out infinite;}
.mouse-notification g:nth-of-type(3){animation:mousescroll 1s ease-out infinite; animation-delay:.5s;}
.mouse-notification g:nth-of-type(4){animation:mousescroll 1s ease-out infinite; animation-delay:0s;}
@keyframes mousewheel{ 0%, 100%{ transform:translateY(0); } 50%{  transform:translateY(2px); } }
@keyframes mousescroll{ 0%{ opacity:0; transform:translateY(-5px); } 50%{ opacity:3;} 100%{ opacity:0; transform:translateY(5px); } }

/* ## HEXAGON ANIMATION LOOP ## */
.hexagon-animated:first-of-type {
    animation-delay: 0s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}
.hexagon-animated:nth-of-type(2) {
    animation-delay: 1s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}
.hexagon-animated:nth-of-type(3) {
    animation-delay: 2s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}
.hexagon-animated:nth-of-type(4) {
    animation-delay: 3s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}
.hexagon-animated:nth-of-type(5) {
    animation-delay: 4s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}
.hexagon-animated:nth-of-type(6) {
    animation-delay: 5s;
    transform-style: preserve-3d;
    transform-origin: 30% 10%;
    animation: hexagonanimation 13s ease-in-out infinite;
}



/*## 2021 CHART CARD ##*/
.show-on-scroll.is-visible .circle-chart__info {
  animation: circle-chart-appear 1s forwards; animation-delay:.5s;
  opacity: 0;
  transform: translateY(0.3em);
}

#page1chart1 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart1 .circle-chart__circle { animation: circle-chart-fill1 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill1 { to { stroke-dasharray: 97 100; } }
#page1chart2 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart2 .circle-chart__circle { animation: circle-chart-fill2 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill2 { to { stroke-dasharray: 25 100; } }
#page1chart3 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart3 .circle-chart__circle { animation: circle-chart-fill3 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill3 { to { stroke-dasharray: 100 100; } }
#page1chart4 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart4 .circle-chart__circle { animation: circle-chart-fill4 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill4 { to { stroke-dasharray: 25 100; } }
#page1chart5 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart5 .circle-chart__circle { animation: circle-chart-fill5 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill5 { to { stroke-dasharray: 65 100; } }
#page1chart6 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart6 .circle-chart__circle { animation: circle-chart-fill6 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill6 { to { stroke-dasharray: 16 100; } }
#page1chart7 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart7 .circle-chart__circle { animation: circle-chart-fill7 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill7 { to { stroke-dasharray: 25 100; } }
#page1chart8 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart8 .circle-chart__circle { animation: circle-chart-fill8 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill8 { to { stroke-dasharray: 80 100; } }
#page1chart9 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart9 .circle-chart__circle { animation: circle-chart-fill9 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill9 { to { stroke-dasharray: 48 100; } }
#page1chart10 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart10 .circle-chart__circle { animation: circle-chart-fill10 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill10 { to { stroke-dasharray: 75 100; } }
#page1chart11 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart11 .circle-chart__circle { animation: circle-chart-fill11 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill11 { to { stroke-dasharray: 84 100; } }
#page1chart12 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart12 .circle-chart__circle { animation: circle-chart-fill12 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill12 { to { stroke-dasharray: 40 100; } }
#page1chart13 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart13 .circle-chart__circle { animation: circle-chart-fill13 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill13 { to { stroke-dasharray: 44 100; } }
#page1chart14 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart14 .circle-chart__circle { animation: circle-chart-fill14 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill14 { to { stroke-dasharray: 52 100; } }
#page1chart15 .circle-chart__circle { stroke-dasharray: 0 100; }
.show-on-scroll.is-visible#page1chart15 .circle-chart__circle { animation: circle-chart-fill15 3s forwards; animation-delay:.5s; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill15 { to { stroke-dasharray: 89 100; } }



@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chart-card{ color:#fff; text-align: center; padding-top:40px;}
.chart-card text{ fill: #fff; }
.chart-card h3{ font-family: 'co_headlinelight', sans-serif; color: #d5531b; padding-top: 10px; font-size:1.4em;}
.chart-card h3 strong{ font-family: 'co_headline_trialregular', sans-serif;}
.chart-card p{ font-size:0.9em; font-family: 'co_headlinelight', sans-serif;}
.chart-card tspan{     fill: #d5531b; font-size: 4px;}

.boxol{list-style:none; padding-left:40px; padding-top:20px;}
.boxol li{list-style: none; padding: 0px 10px 0 20px; min-height: 55px; vertical-align: middle;}
.boxol li:before{ display: block; position: absolute; left: -40px; top: 0px; padding: 10px; background: #d5531b; color: #fff; min-width: 45px; text-align: center;}
.boxol li.blue:before{ background:#1c2147;}
.boxol li:first-of-type:before{ content:"01";}
.boxol li:nth-of-type(2):before{ content:"02"}
.boxol li:nth-of-type(3):before{ content:"03"}
.boxol li:nth-of-type(4):before{ content:"04"}
.boxol li:nth-of-type(5):before{ content:"05"}
.boxol li:nth-of-type(6):before{ content:"06"}
.boxol li:nth-of-type(7):before{ content:"07"}
.boxol li:nth-of-type(8):before{ content:"08"}
.boxol li:nth-of-type(9):before{ content:"09"}
.boxol li:nth-of-type(10):before{ content:"10"}
.boxol li:nth-of-type(11):before{ content:"11"}
.boxol li:nth-of-type(12):before{ content:"12"}
.boxol li:nth-of-type(13):before{ content:"13"}

.timeline{display: block;  color: #1c2147; padding: 20px 10px; border-radius: 4px; text-align: center;}
.timeline li{display: inline-block; color: #1c2147;}
.timeline li:first-of-type{display: block; color: #1c2147; text-align: center;}
.timeline li:first-of-type h2{ color: #1c2147; padding-bottom: 25px;}
.timeline li a{display: inline-block; color: #1c2147; font-size: 1em; width: 70px; height: 70px; padding: 20px 10px 10px 10px; text-align: center; border-radius: 50%; border: solid 2px #4e5167; font-family: 'co_headline_trialregular', sans-serif;
-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.timeline li a.selected, .timeline li a:hover{color: #d5531b; border: solid 2px #d5531b;}

/*################### 2021 PAGE SPECIFIC ###################*/
.page-blue-content .container, .page-white-content .container{ min-height:100vh;}
.page-blue-content{ /*padding:120px 0 50px 0;*/ font-family:'co_headline_trialregular', sans-serif; color:#fff;}
.page-blue-content p, .page-blue-content ul{ color:#fff;}
.page-white-content{ /*padding:120px 0 50px 0;*/ font-family:'co_headline_trialregular', sans-serif;}
.page-white-content h2{font-family:'co_headline_trialbold', sans-serif; margin-bottom:20px;}
.page-white-content strong{ font-family:'co_headline_trialbold', sans-serif;}
.page-white-content p{font-size: 1.3em;}
.page-white-content small{}
.page-white-content .bgeffect-white{ background:#fff; padding: 5px 15px 10px 15px; display: inline-block; border-radius: 29px; line-height: 1;}
.page-white-content .bgeffect{ color:#fff; background:#1c2147; padding: 5px 15px 10px 15px; display: inline-block; border-radius: 29px; line-height: 1;}
.page-white-content .text-thin{font-family: 'co_headlinelight', sans-serif!important;}
.quote-open, .quote-close{font-family:'co_headline_trialbold', sans-serif; font-size:3em; color:#1c2147;}
.quote-close{ text-align:right;}
.chapterhome #section10 .quote-close span{ position:relative; top:-50px;}
.page-white-content blockquote{border: none; color: #1c2147; line-height: 1.4; font-size: 1.3em; margin: 0; padding-top: 0;}


.hexagon-title svg, .hexagon-title img{ position: absolute; top:20%; font-family:'co_headline_trialbold', sans-serif; width:100%; height:auto; max-width:100%;  max-height:80%;}
.hexagon-title svg tspan{font-family:'co_headline_trialbold', sans-serif;}
.hexagon-title h1, .hexagon-title h1.smaller, .hexagon-title h2{ position: absolute; bottom:20%; font-family:'co_headline_trialbold', sans-serif; font-size:3em; line-height:1.2; color:#fff; font-weight:normal; padding:30% 10%; background:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/nupco-hexagon-gradient.svg?v=3) no-repeat center; background-size:contain; text-align:center; }
.hexagon-title h1.smaller, .hexagon-title h2{ font-size:1.8em; line-height:1.2;  padding:30% 10%;}
.number-title div{ position: absolute; bottom:10%; font-family:'co_headline_trialbold', sans-serif; font-size:2em; line-height:1.2; color:#fff; font-weight:normal; padding:30% 10%; background:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/nupco-hexagon-gradient.svg?v=3) no-repeat center; background-size:contain; }
.banner-alignment2 .number-title div{ right:0; }
.hexagon-title, .image-title, .number-title{ min-height:100vh; position:relative;}
.image-title img{ position:absolute; bottom:0; max-height:80%; z-index:1;}

.floating-hexagon-gradient{position: absolute; display:block; background:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/nupco-hexagon-gradient.svg?v=3) no-repeat center; background-size:contain; width: 10%; height: 10%; opacity:0.5!important;}
.floating-hexagon-gray{position: absolute; display:block; background:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/nupco-hexagon-gray.svg?v=3) no-repeat center; background-size:contain; width: 10%; height: 10%; }
.floating-hexagon-brown{position: absolute; display:block; background:url(//www.nupcostrategy.com/wp-content/themes/nupco/assets/images/nupco-hexagon-brown.svg?v=3) no-repeat center; background-size:contain; width: 10%; height: 10%; }


body.theme-white .top-header { background:#FFF;}
body.theme-white .top-header .header-logo1 g:nth-of-type(4)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(5)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(6)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(7)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(8)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(9)>path,
body.theme-white .top-header .header-logo1 g:nth-of-type(10)>path{fill:#1c2147;}
body.theme-white .top-header  .nav-engage,
body.theme-white .top-header  .lang-switcher,
body.theme-white .top-header  .nav-toggle {color: #1c2147;}
body.theme-white .top-header .nav-toggle .nav-icon svg rect,
body.theme-white .top-header .lang-switcher .nav-icon svg path { fill: #1c2147;}
body.theme-white .top-header .lang-switcher .nav-icon svg g * { stroke: #1c2147;}
body.theme-white .top-header .nav-toggle:hover .nav-icon svg rect,
body.theme-white .top-header .lang-switcher:hover .nav-icon svg path { fill: #d5531b;}
body.theme-white .top-header .lang-switcher:hover .nav-icon svg g * { stroke: #d5531b;}
body.theme-white .top-header  .nav-toggle:hover,
body.theme-white .top-header .lang-switcher:hover,
body.theme-white .top-header .nav-engage:hover{ color:#d5531b;}

body.theme-white .top-header .lang-switcher .color-box {color: #fff; background: #1c2147;}
body.theme-white .top-header .lang-switcher:hover .color-box {color: #fff; background: #d5531b;}
body.theme-white .top-header .lang-switcher .nav-icon svg g *, body.theme-white .top-header .lang-switcher:hover .nav-icon svg g * { stroke: #ffffff;}
body.theme-white .top-header .lang-switcher .nav-icon svg path, body.theme-white .top-header .lang-switcher:hover .nav-icon svg path { fill: #ffffff;}

body.theme-white .top-header .nav li a{color: #1c2147;}
body.theme-white .top-header .nav li a:hover{color: #d5531b;}


body.theme-white .footer-section{ background:#fff!important; color:#1c2147;}
body.theme-white .chapterink{ color:#1c2147; }
body.theme-white .chapterink:hover{ color:#d5531b;}
body.theme-white .chapter-needle g *{ fill:#1c2147;} 

.banner-alignment1 .floating-hexagon-gradient:first-of-type{bottom:30%; right:2%; width: 30%; height: 30%;}
.banner-alignment1 .floating-hexagon-gradient:nth-of-type(2){top:30%; left:2%; width: 10%; height: 10%;}
.banner-alignment2 .floating-hexagon-gradient:first-of-type{top:20%; left:2%; width: 20%; height: 20%;}
.banner-alignment2 .floating-hexagon-gradient:nth-of-type(2){bottom:30%; right:2%; width: 10%; height: 10%;}
.banner-alignment2 .floating-hexagon-gradient:nth-of-type(3){bottom:10%; left:4%; width: 10%; height: 10%;}
.hexagon-left-top{top:15%; left:2%;}
.hexagon-left-bottom{bottom:5%; left:2%;}
.hexagon-right-top{top:15%; right:3%;}
.hexagon-right-bottom{bottom:5%; right:3%;}
.hexagon-scalex{width: 4%; height: 4%;}
.hexagon-scalexx{width: 6%; height: 6%;}
.hexagon-scalexxx{width: 8%; height: 8%;}
.hexagon-scalexxxx{width: 15%; height: 15%;}

.chapterhome #section2 .floating-hexagon-gray{bottom:5%; left:4%; width: 8%; height: 8%;}
.chapterhome #section2 .floating-hexagon-brown{bottom:30%; left:40%; width: 20%; height: 20%;}
.chapterhome #section3 .floating-hexagon-gray{bottom:5%; left:40%; width: 8%; height: 8%;}
.chapterhome #section3 .floating-hexagon-brown{bottom:30%; left:4%; width: 15%; height: 15%;}
.chapterhome #section4 .floating-hexagon-gray{bottom:5%; left:4%; width: 8%; height: 8%;}
.chapterhome #section4 .floating-hexagon-brown{bottom:30%; left:40%; width: 15%; height: 15%;}
.chapterhome #section5 .floating-hexagon-gray{bottom:5%; left:40%; width: 8%; height: 8%;}
.chapterhome #section5 .floating-hexagon-brown{bottom:30%; left:4%; width: 15%; height: 15%;}
.chapterhome #section6 .floating-hexagon-gray{bottom:5%; left:4%; width: 8%; height: 8%;}
.chapterhome #section6 .floating-hexagon-brown{bottom:30%; left:40%; width: 15%; height: 15%;}
.chapterhome #section7 .floating-hexagon-gray{bottom:5%; left:40%; width: 8%; height: 8%;}
.chapterhome #section7 .floating-hexagon-brown{bottom:30%; left:4%; width: 15%; height: 15%;}
.chapterhome #section8 .floating-hexagon-gradient:first-of-type{bottom:5%; left:1%; width: 8%; height: 8%;}
.chapterhome #section8 .floating-hexagon-gradient:nth-of-type(2){bottom:30%; left:80%; width: 10%; height: 10%;}
.chapterhome #section9 .floating-hexagon-gray{bottom:5%; left:40%; width: 8%; height: 8%;}
.chapterhome #section9 .floating-hexagon-brown{bottom:30%; left:4%; width: 15%; height: 15%;}
.chapterhome #section10 .floating-hexagon-gray{bottom:5%; left:4%; width: 8%; height: 8%;}
.chapterhome #section10 .floating-hexagon-brown{bottom:30%; left:40%; width: 15%; height: 15%;}
.chapterhome #section11 .floating-hexagon-gray{bottom:5%; left:40%; width: 8%; height: 8%;}
.chapterhome #section11 .floating-hexagon-brown{bottom:30%; left:4%; width: 15%; height: 15%;}
.chapterhome #section12 .floating-hexagon-gray{bottom:5%; left:4%; width: 8%; height: 8%;}
.chapterhome #section12 .floating-hexagon-brown{bottom:30%; left:40%; width: 15%; height: 15%;}


.form-horizontal .form-group{ display: block;
    background: #f2f2f2;
    border: 13px 0 18px 0;
    border-radius: 10px;
    padding: 20px 0;
	-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5ss ease-out; -ms-transition:all 0.5ss ease-out; -o-transition:all 0.5ss ease-out; transition:all 0.5ss ease-out;}
.form-horizontal .form-group.whitebackground{
    background: #fff;
    border: solid 1px #fff;}
.form-horizontal .form-group.nobackground{
    background: #fff!important;
    border: solid 1px #fff!important;
	padding: 0;}
.form-horizontal textarea{ background: #FFF;
    border-color: #f2f2f2;}
.form-horizontal input{background: #FFF;
    border-color: #f2f2f2;}
.form-horizontal .btn.btn-success{    color: #fff;
    background-color: #e58155;
    border-color: #e74946;}
.form-horizontal label{ color: #1c2147;
    padding-bottom: 10px;
    text-align: left!important;}
.form-horizontal .form-group:hover{color: #fff; background: #1c2147;}
.form-horizontal .form-group:hover label{color: #fff;}.form-horizontal .form-group:hover{color: #fff; background: #1c2147;}
.form-horizontal .form-group:hover label{color: #fff;}

.align-middle>div:first-of-type{ padding-top: 140px; padding-bottom:40px; }
svg.hexagon-hover-effect>g, img.hexagon-hover-effect{transform-origin: 50% 50%; transform: scale(1); -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5ss ease-out; -ms-transition:all 0.5ss ease-out; -o-transition:all 0.5ss ease-out; transition:all 0.5ss ease-out;}
svg.hexagon-hover-effect>g:hover, img.hexagon-hover-effect:hover{transform: scale(1.2); z-index:1;}
.owl-carousel img{display:inline-block!important; max-width:250px;}

.form-failed .form-control {
	border-color: #f8666a;
	background-color: #fff7f7;
}

@media screen and (max-width: 1499px) {
	.hexagon-title h1 {font-size: 2.6em;}
	.hexagon-title h1.smaller, .hexagon-title h2 {font-size: 1.4em;}
}
@media screen and (max-width: 1199px) {
	.hexagon-title h1 {font-size: 2.4em;}
	#fp-nav.fp-right { right: 50px; }
}
@media screen and (max-width: 991px) {
.top-header .nav-toggle{display:block;}
.top-header .nav{display:none;}
.hexagon-title h1 {font-size: 2.1em;}
h2{ font-size: 2em; }
h3 { font-size: 1.4em;}
}
@media screen and (max-width: 767px) {
.page-padding { padding-top: 180px; }
.page-top-padding{ padding-top:20px;}
p, ul { font-size: 1.1em; }  
.helper-hand span{ display:none;}
#fp-nav.fp-right { display:none; }
.chapter-nav-box { text-align:center; padding-top: 20px; padding-bottom: 10px;}
.copyright-box { text-align:center; padding-top: 10px; padding-bottom: 20px;}
.chapterink, .chapter-needle { display:inline-block; float:none;}
.chapter-nav-box svg{margin-bottom: -18px;}

.number-title{ float: none; right: 40px; bottom: 20px; position: absolute; min-height: auto;}
}
@media screen and (max-width: 700px) {
	.xxs-700{ width:100%!important; float:none!important; clear:both;}
}
@media screen and (max-width: 600px) {

.xxs-600{ width:100%!important; float:none!important; clear:both;}
.hexagon-title h1 { font-size: 1.8em; }
.hexagon-title h1.smaller, .hexagon-title h2 {font-size: 1.2em;}
/*.top-header .nav-toggle, .top-header .lang-switcher{ font-size:0.8em;}
.top-header .nav-toggle:hover, .top-header .lang-switcher:hover{ font-size:0.8em;}*/
	
}
@media screen and (max-width: 500px) {
	.xxs-500{ width:100%!important; float:none!important; clear:both;}
	.top-header{ min-height:65px;}
	.top-header .lang-switcher .nav-icon{ top:2px;}
	.top-header .nav-toggle, .top-header .nav-toggle:hover{  padding:25px 10px 0 50px; font-size:0.8em;/**/ min-height: 60px;} 
	.top-header .lang-switcher, .top-header .lang-switcher:hover{ padding:20px 10px 0 20px; font-size:0.8em;/**/ min-height: 60px;}
	.top-header .nav-engage, .top-header .nav-engage:hover{ padding:20px 10px 0 10px; font-size:0.8em; min-height: 60px;}
	.top-header .nav-toggle .nav-icon{top: 30%; left: 10px;}
	/*.top-header .lang-switcher .nav-icon{top: 27%; left: 5px}*/
	.top-header row>div:nth-of-type(2){ text-align:center;}
	.top-header .header-logo1 svg { max-height: 50px; margin:0 auto;}
	.top-header .header-logo1{padding-top: 8px;}
	
	.helper-hand{bottom: 68px;}
	.chapter-nav-left-menu-holder{bottom: -2px;}

h2 {font-size: 1em;}
.hexagon-title h1 { font-size: 1.2em; }
.hexagon-title h1.smaller, .hexagon-title h2 {font-size: 1em;}
.page-white-content p{font-size: 1em;}
.page-white-content blockquote { font-size: 1.1em; }



.hexagon-title h2{bottom: 30%;}
.banner-alignment1 .image-title, .banner-alignment2 .hexagon-title{padding-left:0;}
.banner-alignment2 .image-title, .banner-alignment1 .hexagon-title{padding-right:0;}
	

.banner-alignment1 .image-title img{max-width: 150%; max-height: 55%; right: 0;}
.banner-alignment2 .image-title img{max-width: 150%; max-height: 55%;}
.banner-alignment2 .col-xs-4 img{max-width: 200%; max-height: 55%;} /* to fix page 1.2*/
.hexagon-title h1, .hexagon-title h2 {top: 100px; bottom:auto;}

}
html[lang="en-US"] h2 {
    font-size: 2.3em; 
}
.center-row {
    justify-content: center;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 400px) {
	.xxs-400{ width:100%!important; float:none!important; clear:both;}
	.hexagon-title h1 { font-size: 1.2em; }
	.hexagon-title h1.smaller, .hexagon-title h2 {font-size: 0.9em;}
}
@media screen and (max-height: 750px) {

}
@media screen and (max-height: 650px) {

}
.otgs-development-site-front-end, .wpml-ls-statics-footer { display:none!important;}