/* html, body */
html,
body
{
margin:0;
padding:0;
background-color: #f2f2f2;
}
body
{
background-image: none;
background-color: #f2f2f2;
}
#uid1194 #id_menu
{
display: none!important;
}
/* default */
*
{
padding:0px;
margin:0px;
text-align:left;
font-family: 'Raleway', sans-serif, Tahoma, Arial, Verdana;
font-size:100%;
font-weight: 400;
color:#000;
background-repeat: no-repeat!important;
outline: none;
text-decoration:none;
}
img
{
max-width: 100%;
height: auto;
}
a
{
text-decoration:none;
transition: all 500ms;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
}
a:Hover,
a.active
{
color: #2397ce;
}
b,
strong
{
font-weight: 700;
}
img
{
max-width: 100%;
height: auto;
border:0px;
}
h1
{
font-size: 2.6rem;
line-height: 1em;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom: 10px;
background: none;
padding:0;
color: #FFF;
}
h1 span
{
font-size: 1.6rem;
line-height: 1em;
color: #FFF;
}
.module .inner h1
{
text-transform: none;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 2.4rem;
line-height: 1em;
background: none;
padding: 0;
margin-bottom: 20px;
color: #1096d0;
}
#id_detail_header
{
width: 60%;
margin: 140px 20% 0 20%;
position: absolute;
}
#id_detail_header h1
{
font-size: 2rem;
text-align: left;
padding: 0;
}
#id_detail_header h1 span
{
font-size: 1.2rem;
}
h2,
.contact-header h3
{
display: inline-block;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.6rem;
text-transform: uppercase;
letter-spacing: .05em;
line-height: 1em;
margin-bottom: 55px;
padding: 0 14px;
margin-left: -7px;
background-position: left bottom;
background-size: auto;
}
h2 span
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.6rem;
text-transform: uppercase;
line-height: 1em;
color: #0f96ce;
}
h2.orange
{
color: #ff7300;
background-image: none;
padding: 0;
}
h3
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 1.8rem;
line-height: 1.4em;
margin-bottom:20px;
}
h4
{
font-size: 1.4rem;
font-weight: 700;
margin-bottom:20px;
}
h5
{
display: initial;
font-size: 3rem;
line-height: 1.4em;
letter-spacing: .1em;
padding-left: 120px;
background: none;
background-color: transparent;
border: none;
background-position: 0px 28px;
background-size: 100px 2px;
margin-bottom:20px;
}
h6
{
font-size: .75em;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom:30px;
}
p,
.module ul li
{
font-size: 1rem;
letter-spacing: .05em;
line-height: 1.6em;
margin-bottom: 30px;
}
.module ol
{
list-style:decimal;
margin: 0 0 20px 20px;
}
.module ol li
{
font-size: 1rem;
letter-spacing: .05em;
line-height: 1.6em;
}
.module .inner p/*,
.tx-utz-news img*/
{
max-width: 70%;
}
.fulltext,
.fulltext p
{
max-width: 100%!important;
}
.tx-utz-news .grid-item img
{
max-width: 100%;
}
.text-center
{
text-align: center;
max-width: 100%!important;
}
.text-right
{
text-align: right;
}
p.zitat
{
font-size: 1.8rem;
line-height: 1.4em;
margin-bottom:20px;
}
.overlay-wrapper
{
position: relative;
}
.overlay
{
position: absolute;
z-index: 99;
right: 0;
bottom: 0;
width: 30%;
padding: 20px 40px;
}
.overlay.overlay-top
{
top: 0!important;
}
.overlay.overlay-left
{
left: 0!important;
}
.overlay.overlay-centered
{
left: 0!important;
width: 90%;
padding: 20px 5%;
text-align: center;
}
.overlay.overlay-centered *
{
text-align: center;
}
.overlay *
{
color: #FFF;
}
.overlay.overlay-black *
{
color: #000!important;
}
.overlay p,
.left p,
.right p,
form p,
.grid-wrapper p
{
max-width: 100%!important;
}
p.highlight
{
color: #1096d0;
}
.grid-item p,
.contact p,
.skew-text .skew-text-inner p,
.inner-small p
{
max-width: 100%!important;
}
a span
{
display: none;
}
p.small
{
font-size: .95rem;
}
i
{
font-size: 1.2rem;
font-style: italic;
margin-bottom: 20px;
}
ul
{
list-style: none;
}
.only-mobile
{
display: none;
}
.not-mobile
{
display: block;
}
.module ul
{
list-style: square;
margin: 0 0 60px 20px;
}
.module ul li
{
margin-bottom: 5px;
}
.module ul li:last-child
{
margin-bottom: 0;
}
.module .inner p a
{
/*color: #9d9d9d;*/
text-decoration: underline;
}
.centered,
.centered *
{
text-align: center;
}
form span.required
{
display: none;
}
.btn,
form input[type="submit"],
form button,
.external-link
{
text-decoration: none!important;
display: inline-block;
font-size: .9rem!important;
letter-spacing: .1em!important;
font-weight: 600;
text-transform: uppercase;
color: #000!important;
line-height: 1.2em!important;
margin-bottom:10px;
padding:15px 30px!important;
border: none!important;
/*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);*/
background: rgb(1,207,238);
background: -moz-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right,rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfee',endColorstr='#1096d0',GradientType=1);
transition: all 500ms;
}
.mauticform-button-wrapper .mauticform-button
{
display: inline-block!important;
font-weight: 600!important;
text-transform: uppercase!important;
margin-bottom:10px!important;
border: none!important;
background: rgb(1,207,238)!important;
background: -moz-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: -webkit-linear-gradient(left,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: linear-gradient(to right,rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfee',endColorstr='#1096d0',GradientType=1)!important;
transition: all 500ms;
}
/*
form input[type="submit"]
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white.svg');
}
*/
.btn:Hover,
form input[type="submit"]:Hover,
form button:Hover,
.mauticform-button-wrapper .mauticform-button:Hover
{
color: #FFF!important;
background: #000!important;
}
p.indented
{
padding-left: 120px;
}
.fancybox-container
{
z-index: 9999999!important;
}
a.more
{
display: inline-block;
padding-right: 22px;
text-decoration: none!important;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
color: #1096d0;
position: relative;
}
a.more:Hover
{
color: #7f8082;
}
a.more:after
{
content: " ยป";
}
a.more span
{
display: inline-block;
}
a.more.more-plus span
{
display: none;
}
a.more.more-plus:after
{
content: none;
}
#id_search_field
{
display: none;
padding-top: 40px;
}
#id_search_field input
{
width: 100%;
border: none;
padding: 8px 0;
border-bottom: 1px solid #000;
}
.ce-intext.ce-left .ce-gallery
{
margin-right: 30px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.left
{
position: relative;
float: left;
width: 48%;
margin-right: 2%;
}
.right
{
position: relative;
float: right;
width: 48%;
margin-left: 2%;
}
.left.left-3-1,
.right.right-3-1
{
width: 31.33%;
}
.right.right-3-2,
.left.left-3-2
{
width: 64.33%;
}
.grid-wrapper
{
display: flex;
margin-left: -2%;
width: 104%;
margin-bottom: 20px;
}
.grid-three
{
position: relative;
width: 29.33%;
margin: 0 2% 20px 2%;
}
.grid-four
{
position: relative;
width: 23%;
margin: 0 2% 20px 2%;
}
.grid-four.grid-four-double
{
width: 46%;
}
.grid-five
{
position: relative;
width: 16%;
margin: 0 2% 20px 2%;
}
.grid-five.grid-five-double
{
width: 36%;
}
.circles-wrapper,
.teaser-wrapper
{
display: flex;
flex-wrap:wrap;
}
.teaser-wrapper
{
margin-left: -2%;
width: 104%;
}
.teaser-wrapper .teaser
{
width: 29.33%;
margin: 0 2%;
position: relative;
background-color: #FFF;
}
.teaser-wrapper-four .teaser
{
width: 23%;
margin: 0 1%;
-webkit-box-shadow:0px 0px 10px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
}
.teaser-wrapper-four a.teaser
{
z-index: 1;
transform-origin: center center;
transition: all 500ms ease;
}
.teaser-wrapper-four a.teaser:Hover
{
z-index: 10;
transform: scale(1.25);
}
.teaser-wrapper-four .teaser .teaser-content
{
padding: 10px;
}
.teaser-wrapper-four .teaser img
{
display: block;
}
.teaser-wrapper-four .teaser .teaser-content h4
{
font-size: 1rem;
margin: 0 0 5px 0;
line-height: 1.4em;
}
.teaser-wrapper-four .teaser .teaser-content p
{
font-size: .8rem;
max-width: 100%;
margin: 0;
}
.circles.three-circles
{
width: 26%;
}
.circles.four-circles
{
width: 22%;
margin: 30px 1%;
}
.arrows
{
float: left;
width: 7.33%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/arrow-double.svg');
background-position: center center;
background-size: 70% auto;
}
.circle-wrapper
{
width: 100%;
padding-top: 100%;
position: relative;
background: #FFF;
border: 1px solid #7f8082;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.circle-wrapper .circle
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
}
.circle-wrapper .circle .circle-inner
{
width: 86%;
padding: 60px 7% 0 7%;
text-align: center;
}
.circle-wrapper .circle .circle-inner *
{
text-align: center;
}
.circle-wrapper .circle .circle-inner img
{
width: 100px;
height: auto;
margin-bottom: 20px;
}
.four-circles .circle-wrapper .circle .circle-inner
{
padding-top: 65px;
}
.four-circles span
{
font-size: .9rem;
color: #7f8082;
}
.four-circles h3
{
font-size: 1.8rem;
color: #1096d0;
}
/* ------------------------------------------------------------------------------------------------------------ */
.grid-three h4.ce-headline-center
{
font-size: 1.1rem;
background: #26a8d7;
color: #FFF;
padding: 15px;
box-sizing: border-box;
margin-bottom: 0;
}
.grid-three .ce-image.ce-center.ce-above
{
background: #FFF;
padding: 10px 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_detail_bg
{
width: 100%;
height: 340px;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
/* ------------------------------------------------------------------------------------------------------------ */
.video-wrapper-wrapper
{
margin: 0 20px;
padding: 20px;
background-color: #ececee;
box-sizing: border-box;
}
.left .video-wrapper-wrapper,
.right .video-wrapper-wrapper
{
margin: 0;
padding: 20px;
}
.video-wrapper
{
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
z-index: 1001;
background-color: #000;
border-radius: 10px;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.video-wrapper video
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.video-text .skew-text
{
width: 100%;
left: 0;
margin: 0;
bottom: initial;
top:0;
z-index: 0;
position: relative;
margin-top: -100px;
}
.video-text .skew-text .skew-text-inner
{
padding-top: 160px;
}
.video-text .video-text-video-wrapper
{
/*position: absolute;
z-index:1001;*/
width: 62%;
margin-left: 8%;
}
.video-text .video-text-video-wrapper iframe
{
z-index:1001;
}
.skew-text.buttonslight .skew-text-inner .btn,
.skew-text.buttonslight .skew-text-inner .external-link,
#uid1202 .skew-text .skew-text-inner .btn,
#uid1211 .skew-text .skew-text-inner .btn,
#uid1213 .skew-text .skew-text-inner .btn,
#uid1202 .skew-text .skew-text-inner .external-link,
#uid1211 .skew-text .skew-text-inner .external-link,
#uid1213 .skew-text .skew-text-inner .external-link
{
background: #FFF;
}
.skew-text.buttonslight .skew-text-inner .btn:Hover,
.skew-text.buttonslight .skew-text-inner .external-link:Hover,
#uid1202 .skew-text .skew-text-inner .btn:Hover,
#uid1211 .skew-text .skew-text-inner .btn:Hover,
#uid1213 .skew-text .skew-text-inner .btn:Hover,
#uid1202 .skew-text .skew-text-inner .external-link:Hover,
#uid1211 .skew-text .skew-text-inner .external-link:Hover,
#uid1213 .skew-text .skew-text-inner .external-link:Hover
{
background: #000;
color: #FFF!important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.flex-wrapper
{
display: flex;
flex-wrap:wrap;
}
.flex-wrapper .grid-item .grid-item-inner
{
margin: 20px!important;
height: calc(100% - 20px);
background-repeat: no-repeat!important;
}
.icon-teaser-wrapper
{
justify-content: center;
}
.icon-teaser-wrapper .icon-teaser
{
width: 23.33%;
margin: 0 5%;
text-align: center;
}
.icon-teaser-wrapper .icon-teaser *
{
text-align: center;
font-weight: 700;
}
.icon-teaser-wrapper .icon-teaser img
{
width: auto;
max-width: 100px;
margin: 0;
}
.content-slider
{
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.slick-next
{
right: 20px;
}
.slick-prev
{
left: 20px;
z-index: 999;
}
.fifty
{
width: 48%;
margin: 0 1%;
}
.fifty h4
{
color: #ff7300;
}
.fifty p
{
max-width: 100%!important;
}
.fifty a.gothere
{
right: 20px;
bottom:20px;
}
.contentimage
{
max-width: 260px;
margin-bottom: 25px;
}
.contentandlink
{
padding: 0 30px 40px 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_page
{
width:100%;
margin: auto;
}
#id_header
{
background: #FFF;
position: fixed;
top: 0;
width: 100%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
z-index: 999;
}
.reduced #id_header
{
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
#id_header .inner
{
padding: 30px 0;
transition: all 500ms;
}
.reduced #id_header .inner
{
padding: 10px 0;
}
#id_header #id_ci
{
float: left;
/*width: 201px;*/
width: 240px;
height: 54px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* chartered-investment-xmas.png */
background-image: url('../images/chartered-investment.svg');
transition: all 500ms;
}
.reduced #id_header #id_ci
{
width: 200px;
/*width: 167px;*/
height: 45px;
}
#id_header #id_menu
{
float: right;
padding-top: 28px;
transition: all 500ms;
}
.reduced #id_header #id_menu
{
padding-top: 15px;
}
#id_header #id_menu ul li
{
float: left;
margin-left: 40px;
color: #205577;
}
/*
#id_header #id_menu ul li.language
{
background-position: left center;
background-repeat: no-repeat;
background-size: 20px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/language.svg');
padding-left: 26px;
transition: all 500ms;
}
*/
#id_header #id_menu ul li.search a
{
width: 20px;
height: 20px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px;
background-image: url('../images/search.svg');
transition: all 500ms;
}
#id_header #id_menu ul li a
{
position: relative;
display: inline-block;
font-size: .9rem;
font-weight: 700;
}
#id_header #id_menu ul li a:Hover,
#id_header #id_menu ul li a.active
{
color: #fb7322;
}
#id_header #id_menu ul li.c2a
{
margin-top: -8px;
}
#id_header #id_menu ul li.c2a a.btn
{
background: none!important;
border: none!important;
color: #fff!important;
background-image: none!important;
padding: 8px 12px!important;
background: rgb(0,103,84);
background: linear-gradient(90deg, rgba(16,150,208,1) 0%, rgba(1,207,238,1) 100%)!important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
text-transform: none!important;
}
#id_header #id_menu ul li.c2a a.btn:Hover
{
background: linear-gradient(90deg, rgba(251,115,34,1) 0%, rgba(251,115,34,1) 100%)!important;
}
#id_menu_btn
{
display: none;
position: absolute;
width: 40px;
height: 40px;
top:25px;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/menu.svg');
}
.menu-opened #id_menu_btn
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/close.svg');
}
/* ------------------------------------------------------------------------------------------------------------ */
.submenu
{
max-width: 1140px;
margin: auto;
}
.submenu *
{
text-align: center;
}
.submenu ul
{
text-align: center;
display: flex;
margin: 0;
padding: 0;
}
.submenu ul li
{
width: 100%;
display: inline;
font-size: .8rem;
margin: 0 2px;
}
.submenu ul li a
{
display: inline-block;
font-size: .9rem;
letter-spacing: .1em;
font-weight: 600;
text-transform: uppercase;
padding: 15px 0;
width: 100%;
transition: all 500ms;
background-color: #c3f3fa;
}
.submenu ul li a:Hover,
.submenu ul li a.active
{
background-color: #1096D0;
color: #000;
}
#id_access_policy
{
width: 90%;
max-width: 900px;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_content
{
width:100%;
}
.module
{
position: relative;
padding: 60px 0 40px 0;
background-position: center top;
background-size: cover;
z-index: 2;
}
.corner
{
position: absolute;
bottom:0;
right: 0px;
width: 300px;
height: 300px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/corner.png');
transition: all 500ms;
}
#id_content_default
{
padding: 80px 0 0 0;
}
.index #id_content_default
{
padding: 80px 0 0 0;
}
#id_content_default.content-detail
{
padding: 50px 0 0 0;
}
.bottom-grey
{
height: 100px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #33383c;
}
#id_selection
{
position: absolute;
right: 0px;
top:10px;
z-index: 999;
width: 300px;
background: #FFF;
}
#id_selection #id_selection_btn
{
width: 100%;
box-sizing: border-box;
display: inline-block;
padding: 50px 20px 60px 46px;
color: #FFF;
font-weight: 600;
font-size: 1.6rem;
letter-spacing: .1em;
background-color: rgb(251, 115, 34);
background-position: left +46px bottom +15px;
background-repeat: no-repeat;
background-size: 200px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white-thin.svg');
}
#id_selection #id_selection_btn:Hover
{
background-color: #1096D0;
background-position: right +26px bottom +15px;
}
#id_selection #id_selection_content
{
display: none;
box-sizing: border-box;
padding: 20px;
}
#id_selection #id_selection_content h4
{
font-size: 1rem;
margin-bottom: 5px;
padding-left: 26px;
}
#id_selection #id_selection_content ul
{
list-style: none;
margin: 0 0 10px 0;
}
#id_selection #id_selection_content ul li
{
margin: 0;
}
#id_selection #id_selection_content ul li a
{
color: #000;
font-size: .9rem;
display: inline-block;
padding: 2px 0 2px 26px;
background-position: left center;
background-size: 20px;
background-repeat: no-repeat;
background-image: url('../images/icons/clear.svg');
}
#id_selection #id_selection_content ul li a:Hover
{
color: rgb(251,115,34);
background-image: url('../images/icons/arrow.svg');
}
.skew-text
{
position: absolute;
z-index: 999;
top: -90px;
left: 20%;
width: 60%;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
#uid1042 .skew-text
{
background:#bf3eff;
}
.skew-text .skew-text-inner
{
padding: 60px 60px 60px 80px;
width: 100%;
box-sizing: border-box;
}
.skew-text .skew-text-inner h1
{
display: block!important;
}
.index .skew-text .skew-text-inner h1
{
display: none!important;
}
.skew-text .skew-text-inner .head-text
{
display: table-cell;
/*overflow:auto;*/
overflow: inherit;
}
.skew-text .skew-text-inner .head-text p
{
font-size: 1.25rem;
margin: 0;
}
.skew-text .skew-text-inner .head-text li
{
font-size: 1.25rem;
}
.skew-text .skew-text-inner .head-text h3 a:Hover
{
color: #FFF;
}
.skew-text .skew-text-inner .head-text h3 a.btn
{
background: rgb(251, 115, 34)!important;
color:#FFF!important;
}
.skew-text .skew-text-inner .head-text h3 a.btn:Hover
{
background: #000!important;
}
.skew-text .skew-text-inner span
{
display: table-cell;
font-size: .9rem;
font-weight: 700;
vertical-align: top;
padding: 15px 20px 0 0;
display: table-cell!important;
}
.index .skew-text .skew-text-inner span
{
display: none!important;
}
.skew-text .skew-text-inner span *
{
font-size: .85rem;
font-weight: 700;
letter-spacing: .1em;
}
.skew-text .skew-text-inner a.more
{
color: #000;
}
.skew-text .skew-text-inner a.more:Hover
{
color: #FFF;
}
.inner
{
position: relative;
width:1180px;
margin: auto;
}
.full
{
margin: auto;
width:1020px;
}
.module.module-header
{
height: 40vh;
padding: 0;
background-color: #f4f4f4;
min-height:320px;
}
.index .module.module-header
{
height: 70vh;
}
.module.module-header.module-header-small
{
height: 25vh;
}
.module.module-default
{
height: 60vh;
padding: 0;
}
.module.module-image
{
min-height: 80vh;
padding: 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/white.svg');
background-position: center 35px;
background-size: cover;
margin-top: -36px;
}
.module.module-header .inner
{
height: 100%;
}
.module.module-image .inner
{
padding: 0 0 200px 0;
height: 100%;
}
.module.grey-center
{
padding: 340px 0 0 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/grey-center.svg');
background-position: right top;
background-size: cover;
margin-top: -1px;
}
.module.grey
{
background: #000;
/*padding: 150px 0 120px 0;*/
}
.module.blue
{
padding-bottom: 0;
}
.module.blue .inner
{
background: #00486D;
padding: 80px 100px;
box-sizing: border-box;
}
.module.grey *,
.module.blue *
{
color: #FFF;
}
.module.no-padding,
.module.header
{
padding: 0;
}
.module.no-padding-bottom
{
padding-bottom: 0;
}
.module.header
{
padding-bottom: 200px;
}
.module.header .skew-text-wrapper
{
position: relative;
width: 100%;
}
.background-slider
{
width: 100%;
height: 60vh;
overflow: hidden;
}
.background-slider div
{
width: 100%;
height: 60vh;
padding: 0!important;
}
.background-slider .slide
{
position: relative;
width: 100%;
height: 60vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.background-slider .slide .slide-inner
{
position: relative;
width: 100%;
height: 60vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.index .background-slider,
.index .background-slider div,
.index .background-slider .slide,
.index .background-slider .slide .slide-inner
{
height: 70vh;
}
.background-slider.special-size,
.background-slider.special-size div,
.background-slider.special-size .slide,
.background-slider.special-size .slide .slide-inner
{
height: 50vh;
}
.background-slider .head-wrapper,
.header-headline-wrapper
{
position: absolute;
z-index: 999;
width: 100%;
height: auto;
text-align: center;
top:45%;
}
.header-headline-wrapper h1
{
text-align: center;
text-transform: uppercase;
color: #FFF;
font-size: 3.4rem;
letter-spacing: .5em;
text-shadow: 0px 0px 5px rgba(20,20,20, 1);
}
.index .background-slider .head-wrapper
{
top:45%;
}
.background-slider h2
{
text-align: center;
text-transform: uppercase;
color: #FFF;
font-size: 4rem;
letter-spacing: .5em;
text-shadow: 0px 0px 5px rgba(20,20,20, 1);
background-image: none!important;
}
.module.header img
{
width: 100%;
}
.inner-small
{
max-width: 60%;
margin: auto;
}
.inner-medium
{
max-width: 80%;
margin: auto;
}
.inner-small img
{
width: 100%;
height: auto;
margin-bottom: 30px;
}
.centered .inner-small,
.inner-small.centered
{
margin: auto;
}
.text-inner
{
padding: 30px 0 0 10%;
}
/* ------------------------------------------------------------------------------------------------------------ */
.flex-grid-wrapper,
.grid
{
position: relative;
max-width:1680px;
width: calc(100% + 40px);
margin: auto;
margin-left: -20px;
transition: all 500ms;
}
.flex-grid-wrapper.indizes,
.flex-grid-wrapper.teaser,
.flex-grid-wrapper.jobs
{
width: calc(100% + 20px);
margin-left: -10px;
}
.grid-sizer,
.grid-item
{
width: 33.33%;
}
.grid-item .grid-item-inner
{
background: #FFF;
border-bottom: 1px solid #7f8082;
margin: 20px;
background-size: contain;
}
.four .grid-item .grid-item-inner
{
border-bottom: none;
}
.grid-item.grid-item-highlight .grid-item-inner
{
background: #1096d0;
border-bottom: 1px solid #1096d0;
}
.grid-item.grid-item-highlight.grid-item-highlight-grey .grid-item-inner
{
background: #7f8082;
}
.grid-item.grid-item-highlight .grid-item-inner *
{
color: #FFF;
}
.grid-item.grid-item-highlight .grid-item-inner a.more
{
color: #FFF;
/*background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-right-white.svg');*/
}
.grid-item:nth-child(1n) .grid-item-inner
{
margin-top: 40px;
}
.grid-item:nth-child(2n) .grid-item-inner
{
margin-top: 140px;
}
.grid-item:nth-child(5n) .grid-item-inner
{
margin-top: 80px;
}
.grid-item:nth-child(4n) .grid-item-inner
{
margin-top: 100px;
}
.grid-item .grid-item-inner .grid-item-inner-content
{
padding: 15px;
transition: all 500ms;
}
.grid-item .grid-item-inner .grid-item-inner-content *
{
}
.grid-item .grid-item-inner p
{
margin-bottom: 20px;
}
.grid-item-video
{
position: relative;
width: 100%;
padding-top: 56.25%;
background-position: center center;
background-size: 105%;
transition: all 500ms;
}
.grid-item-video:Hover
{
background-size: 120%;
}
.grid-item-video .grid-item-video-inner
{
position: relative;
}
.grid-item-video .grid-item-video-inner .link
{
position: absolute;
padding: 20px;
bottom: 0;
}
.indizes-box
{
width: 25%;
display: flex;
}
.indizes-box .indizes-box-inner
{
width: 100%;
position: relative;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
margin: 10px;
padding: 20px;
transition: all 500ms;
}
.indizes-box:Hover .indizes-box-inner
{
background: #59a98b;
}
.job-box,
.filter
{
width: 33.33%;
display: flex;
}
.filter select
{
margin: 10px;
font-weight: 700;
}
.filter a
{
border-bottom: 1px solid #000;
padding: 10px 0;
margin: 0 10px;
width: 100%;
font-weight: 700;
}
.job-box .job-box-inner
{
width: 100%;
position: relative;
background: #00486D;
margin: 10px;
padding: 20px;
transition: all 500ms;
}
.job-box:Hover .job-box-inner
{
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.indizes-box .indizes-box-inner *,
.job-box .job-box-inner *
{
color: #FFF;
}
.indizes-box .indizes-box-inner h3,
.job-box .job-box-inner h3
{
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
margin-bottom: 40px;
}
.job-box .job-box-inner h3 span
{
font-size: 1rem;
display: inline-block;
position: relative;
bottom: 0;
}
.indizes-box .indizes-box-inner span,
.job-box .job-box-inner span
{
display: block;
position: absolute;
bottom: 20px;
}
.indizes-box.indizes-box-grey .indizes-box-inner
{
background-color: #FFF;
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/bgs/gradient-grey.svg');
min-height:140px;
}
.indizes-box-blank
{
position: relative;
display: flex;
width: 100%;
}
.indizes-box-blank .indizes-box-blank-info
{
position: absolute;
width: 100%;
text-align: center;
padding-top: 90px;
z-index: 99;
}
.indizes-box-blank .indizes-box-blank-info span
{
font-size: 1.2rem;
color: #7f8082;
font-style: italic;
}
.teaser-item
{
width: 25%;
}
.teaser-item h5
{
text-align: center;
font-weight: 700;
}
.teaser-item .teaser
{
display:block;
margin: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top: 56%;
position: relative;
}
.teaser-item .teaser .teaser-item-inner
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
opacity: 0;
transition: all 500ms;
}
.teaser-item .teaser:Hover .teaser-item-inner
{
opacity: 1;
}
.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered
{
position: absolute;
left: 0;
bottom: 0;
right: 0;
width: 90%;
/*top: 50%;
transform: translateY(-50%);*/
padding: 0 5%;
top:0;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.teaser-item .teaser .teaser-item-inner .teaser-item-inner-centered *
{
margin: 0;
}
.teaser-item .teaser .teaser-item-inner.video
{
opacity: 1;
background-size: 30% auto;
background-position: center center;
background-repeat: no-repeat;
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/play.svg');
transition: all 500ms;
}
.teaser-item .teaser:Hover .teaser-item-inner.video
{
background-size: 40% auto;
}
.teaser-item .teaser .teaser-item-inner *
{
text-align: center;
max-width: 100%;
color: #FFF;
}
.teaser-item .teaser .teaser-item-inner p
{
display: block;
margin-bottom: 0;
}
/* ------------------------------------------------------------------------------------------------------------ */
/*.frame-space-before-extra-small
{
height: 1rem;
}
.frame-space-before-small
{
height: 2rem;
}
.frame-space-before-medium
{
height: 3rem;
}*/
.frame-space-before-big
{
height: 4rem;
}
.frame-space-before-extra-big
{
height: 5rem;
}
/* ------------------------------------------------------------------------------------------------------------ */
.numbers-wrapper
{
display: flex;
flex-wrap: wrap;
align-content:stretch;
align-items: stretch;
}
.numbers
{
background: #FFF;
width: 18%;
box-sizing: border-box;
/*padding: 20px 10px 30px 10px;*/
margin: 0 1% 30px 1%;
text-align: center;
}
.numbers.smaller
{
display: flex;
align-items: center;
}
.numbers.numbers-big
{
width: 28%;
}
.numbers.numbers-double
{
width: 38%;
}
.numbers .numbers-outer
{
width: 100%;
padding-top: 100%;
position: relative;
background: #FFF;
}
.numbers .numbers-outer .numbers-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 40px 15px 15px 15px;
box-sizing: border-box;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.numbers *
{
display: block;
text-align: center;
}
.numbers h3
{
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
font-size: 3.8rem;
line-height: 1.2em;
color: #fb7322;
margin: 0;
}
.numbers.smaller h3
{
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1.2em;
}
.numbers span
{
font-size: .9rem;
font-weight: 600;
letter-spacing: .1em;
text-transform: none;
}
.numbers span.small
{
font-weight: 400;
}
/* ------------------------------------------------------------------------------------------------------------ */
.ex-teaser
{
width: 100%;
min-height: 740px;
position: relative;
overflow: hidden;
}
.ex-teaser.ex-teaser-blue
{
min-height: 580px;
}
.ex-teaser .ex-image,
.ex-teaser .ex-pattern,
.ex-teaser .ex-darkgrey,
.ex-teaser .ex-textbox
{
position: absolute;
box-sizing: border-box;
}
.ex-teaser .ex-image
{
z-index: 60;
}
.ex-teaser .ex-darkgrey
{
z-index: 90;
background: #222;
padding: 50px 40px 30px 40px;
}
.ex-teaser .ex-darkgrey,
.ex-teaser .ex-darkgrey *
{
color: #FFF;
text-align: center;
}
.ex-teaser .ex-darkgrey img
{
width: 80%;
}
.ex-teaser .ex-image img
{
width: 100%;
}
.ex-teaser .ex-textbox
{
z-index: 80;
background: #FFF;
padding: 60px 5% 30px 5%;
/*-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);*/
}
.ex-teaser .ex-textbox .ex-c2a
{
position: absolute;
width: 70%;
text-align: center;
bottom: -30px;
}
.ex-teaser .ex-textbox .ex-c2a .btn
{
text-align: center;
margin: auto;
}
.ex-teaser .ex-pattern
{
z-index: 70;
}
.line
{
background: #FFF;
height: 1px;
margin: 25px 35%;
width: 30%;
}
.ex-teaser .ex-textbox p,
.ex-teaser .ex-textbox h2,
.ex-teaser .ex-textbox h3,
.ex-teaser .ex-textbox h4,
.ex-teaser .ex-textbox h5,
.ex-teaser .ex-textbox h6
{
color: #000;
}
.ex-teaser .ex-textbox
{
background: #FFF;
padding-top: 60px;
}
.ex-teaser .ex-textbox *
{
color: #000;
}
.ex-teaser.ex-teaser-blue .ex-textbox
{
background: #1096D0;
padding-top: 30px;
}
.ex-teaser.ex-teaser-blue .ex-textbox h4
{
color: #FFF;
font-size: 1.8rem;
letter-spacing: .05em;
font-weight: 400;
}
.ex-teaser.ex-teaser-blue .ex-textbox p,
.ex-teaser.ex-teaser-blue .ex-textbox h2,
.ex-teaser.ex-teaser-blue .ex-textbox h3,
.ex-teaser.ex-teaser-blue .ex-textbox h4,
.ex-teaser.ex-teaser-blue .ex-textbox h5,
.ex-teaser.ex-teaser-blue .ex-textbox h6
{
color: #FFF;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form select,
form textarea
{
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 0;
border: none;
font-size: 1em;
border-bottom: 1px solid #000;
background: none;
color: #000;
margin-bottom: 20px;
box-sizing: border-box;
}
form textarea
{
height: 200px;
}
form select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 15px 15px 15px 0;
box-shadow: none;
background-image:url('../images/select.svg');
background-position: right 10px center;
}
form ::-webkit-input-placeholder,
form ::-webkit-input-placeholder
{
color: #CCC;
}
form :-ms-input-placeholder,
form :-ms-input-placeholder
{
color: #CCC;
}
form ::placeholder,
form ::placeholder
{
color: #CCC;
}
form label span
{
margin-bottom: 0;
}
form .radio-checkbox-wrapper
{
margin: 5px 0;
}
form .radio-checkbox-wrapper label
{
display: inline-block;
position: relative;
padding-left: 35px;
margin: 0 10px 10px 0;
cursor: poRaleway;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
}
form .radio-checkbox-wrapper input
{
position: absolute;
opacity: 0;
cursor: poRaleway;
height: 0;
width: 0;
}
form .radio-checkbox-wrapper .checkmark
{
position: absolute;
top: -2px;
left: 0;
height: 25px;
width: 25px;
border: 1px solid #CCC;
background-color: #FFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 500ms all;
}
form .radio-checkbox-wrapper .checkmark:after
{
content: "";
position: absolute;
display: none;
}
form .radio-checkbox-wrapper input:checked ~ .checkmark:after
{
display: block;
}
form .radio-checkbox-wrapper .checkmark:after
{
top: 5px;
left: 5px;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #3DAE2B;
}
form .radio-checkbox-wrapper .checkmark.checkmark-checkbox
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
form .radio-checkbox-wrapper .checkmark.checkmark-checkbox:after
{
top: 4px;
left: 4px;
width: 17px;
height: 17px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.all
{
padding: 30px 0;
}
#mauticform_input_beschwerdeformularcharteredinvestment_datenschutzhinweis
{
font-size: .8rem;
}
.mauticform_wrapper
{
max-width: 100%!important;
margin: 0 0 20px 0!important;
}
.mauticform-row
{
margin-bottom: 10px!important;
}
.mauticform-errormsg
{
width: 100%;
margin: 0 0 20px 0;
}
.right.right-3-1 .ce-textpic.ce-above
{
overflow: inherit;
}
.mauticinput::placeholder {
color: #999 !important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.accordeon
{
list-style: none;
position: relative;
padding: 0!important;
margin: 0 0 1px 0;
}
.accordeon input[type=checkbox]
{
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.accordeon h4
{
padding: 15px 70px 15px 15px;
font-size: 1.2rem;
background-color: #fff;
border-bottom: 2px solid #26a8d7;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-top-lightblue.svg');
background-position: right +20px center;
background-repeat: no-repeat;
background-size: 30px;
margin: 0 0 0 0;
transition: all 500ms;
}
.accordeon div.accordeon-content
{
position: relative;
overflow: hidden;
/*max-height: 2000px;*/
background: #FFF;
opacity: 1;
transform: translate(0, 0);
margin-top: 0;
z-index: 2;
transition: all 0.25s ease-in-out;
padding: 0;
margin-bottom: 0;
}
.accordeon input[type=checkbox]:checked ~ div.accordeon-content
{
margin-top: 0;
max-height: 0;
opacity: 0;
padding-bottom: 0;
transform: translate(0, 50%);
}
.accordeon-content .accordeon-content-inner
{
padding: 20px 20px 0 20px;
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_footer
{
background: #282827;
margin-top: 80px;
}
#id_footer .inner
{
padding: 60px 0 40px 0;
}
#id_footer *
{
font-size: .9rem;
color: #FFF!important;
}
#id_footer ul li
{
margin: 0 0 10px 0;
}
#id_footer .footer-row
{
float: left;
width: 23%;
}
#id_footer .footer-row:first-child
{
width: 31%;
}
#id_footer .footer-row h4
{
font-size: 1.1rem;
}
#id_footer ul li a
{
}
#id_footer a:Hover
{
color: #1096D0!important;
}
#id_footer img
{
max-width: 80%;
height: auto;
margin-bottom: 20px;
}
#id_footer .inner .footer-row.align-right
{
text-align: right;
}
#id_footer .inner .footer-row.align-right img
{
width: 160px;
margin-top:-100px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.contact
{
float: left;
width: 33.33%;
margin-bottom: 100px;
}
.contact p
{
margin-bottom: 0;
}
.icon
{
display: inline-block;
color: #000;
font-weight: 800;
font-size: 1.2rem;
padding: 8px 0 8px 0;
/*background-position: left center;
background-size: 30px;*/
}
/*
.icon.phone
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/phone.svg');
}
.icon.email
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/email.svg');
}
.icon.form
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/form.svg');
}
.icon.phone:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/phone-over.svg');
}
.icon.email:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/email-over.svg');
}
.icon.form:Hover
{
background-image:url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/custom/chartered/form-over.svg');
}
*/
/* ------------------------------------------------------------------------------------------------------------ */
#btn_top
{
display: inline-block;
width: 40px;
height: 40px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/arrow-top.svg');
background-size: 20px;
background-position: center center;
background-repeat: no-repeat;
border: none;
background-color: #02cfee;
position: fixed;
bottom: 10px;
right: 10px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
z-index: 999;
transition: all 500ms;
}
#btn_top:Hover
{
background-color: #01CFEE;
}
@media screen and (max-width: 1300px) {
.inner
{
width: 90%;
padding: 0 5%;
}
.skew-text
{
width: 90%;
left: 5%;
}
}
@media screen and (max-width: 1200px) {
.background-slider h2
{
font-size: 3rem;
letter-spacing: .2em;
}
.circle-wrapper .circle .circle-inner
{
padding: 40px 5% 0 5%;
}
.circle-wrapper .circle .circle-inner img
{
width: 60px;
}
.full,
.skew-text
{
width: 100%;
left: 0;
}
.overlay h2
{
font-size: 1.2rem;
}
.overlay
{
width: 45%;
}
#id_header #id_menu ul li
{
margin-left: 22px;
}
#id_header #id_menu ul li.c2a a.btn
{
padding: 5px 8px!important;
}
}
@media screen and (max-width: 1000px) {
#id_header #id_menu ul li
{
margin-left: 15px;
}
}
@media screen and (max-width: 900px) {
.hidehead
{
display: none;
}
#id_header #id_menu ul li.c2a
{
margin-top: 20px!important;
}
#id_header #id_menu ul li.c2a a.btn
{
display: inline;
padding: 10px!important;
}
.same-item h3,
.same-item h3 *
{
font-size: 1.2rem!important;
}
.reduced #id_header .inner #id_menu_btn
{
top:15px;
}
#id_menu_btn,
.only-mobile
{
display: block!important;
}
.indizes-box-blank .indizes-box-blank-info
{
position: relative;
padding-top: 0;
}
.not-mobile,
#btn_top,
.indizes-box.indizes-box-grey
{
display: none!important;
}
#id_header #id_ci,
.reduced #id_header #id_ci
{
width: 200px!important;
/*width: 167px;*/
height: 45px!important;
}
.flex-grid-wrapper.indizes,
.indizes-box .indizes-box-inner,
.job-box .job-box-inner
{
margin: 0 0 20px 0;
}
.skew-text,
.overlay
{
width: 100%;
left: 0;
bottom: 0;
padding: 0;
position: relative;
}
.numbers .numbers-outer
{
padding: 0;
}
.numbers .numbers-outer .numbers-inner
{
position: relative;
height: auto;
padding: 30px;
}
.overlay *
{
color: #000;
}
.skew-text .skew-text-inner
{
width: 90%;
padding: 70px 5% 30px 5%;
}
.ten-years
{
left: 10px;
top:-60px;
width: 120px;
height: 120px;
}
.skew-text .skew-text-inner .head-text,
.skew-text .skew-text-inner span
{
display: block;
}
.skew-text .skew-text-inner h1,
.skew-text .skew-text-inner h2
{
font-size: 1.8rem;
background-position: left 18px;
padding: 0;
background-image: none;
}
.skew-text .skew-text-inner h1 br,
.skew-text .skew-text-inner h2 br
{
display: none;
}
.ex-teaser *
{
position: relative!important;
width: 100%!important;
left: 0!important;
bottom: 0!important;
}
.btn
{
width: 100%;
padding: 15px 10px!important;
box-sizing: border-box;
text-align: center;
}
.ex-teaser .ex-pattern
{
display: none;
}
.video-text .video-text-video-wrapper
{
width: 90%;
margin-left: 5%;
}
.numbers
{
float: none;
width: 100%!important;
}
#id_content_default
{
padding-top: 15px;
}
.module .inner p
{
max-width:100%;
}
.module.header
{
padding: 0!important;
}
.module.header h1
{
font-size: 1.4rem;
bottom: 10%;
width: 100%;
}
.filter select,
.filter a
{
margin: 0;
}
#id_detail_header
{
width: 80%;
margin: 40px 10% 0 10%;
}
#id_detail_header h1
{
position: relative;
bottom: 0;
}
.text-inner
{
padding: 0;
}
.module.blue .inner
{
padding: 20px;
}
.corner
{
width: 220px;
height: 220px;
}
#id_header #id_menu
{
display: none;
float: none;
padding-top: 0;
clear: both;
width: 100%;
padding-top:30px;
}
#id_header #id_menu ul li
{
float: none;
text-align: left;
margin: 0 0 10px 0;
width: 100%;
display: inline-block;
}
.grid-wrapper
{
display: block;
margin-left: 0;
width: 100%;
}
.grid-three,
.grid-four,
.grid-four.grid-four-double,
.grid-five,
.grid-five.grid-five-double
{
width: 100%;
margin: 0 0 20px 0;
}
#id_header #id_menu ul li a
{
font-size: 1.4rem;
}
.contentandlink
{
padding: 0;
}
h1,
h2,
h2 span
{
font-size: 1.6rem;
letter-spacing: inherit;
}
h2
{
margin-bottom: 30px;
}
.background-slider h2
{
font-size: 1.8rem;
}
h3
{
font-size: 1.2rem;
line-height: 1.4em;
}
h5
{
font-size: 2rem;
line-height: 1.2em;
}
.module.module-image
{
margin-top: 0;
}
.module.module-image .inner
{
padding-bottom: 40px;
}
.module.grey-center
{
padding: 40px 0;
background-image: none;
background: #34393d;
}
.inner-small,
.inner-medium
{
width: 90%;
padding: 0 5% 0 5%;
}
.only-mobile
{
display: block!important;
}
.module.module-image
{
background-size: contain;
}
.grid,
#id_page,
#id_main,
#id_header,
#id_content,
#id_footer,
.inner .inner-small,
.inner .inner-medium,
.grid-item,
.footer-row,
.contact,
.indizes-box,
.filter,
.job-box,
.flex-grid-wrapper,
.teaser-item,
.icon-teaser,
.full
{
float: none!important;
width: 100%!important;
padding: 0!important;
margin-left: 0!important;
margin-right: 0!important;
max-width: 100%!important;
}
.btn,
form input[type="submit"]
{
padding-left: 0;
padding-top: 40px;
background-position: 0px 0px;
}
p.indented
{
padding: 0;
}
.contact
{
margin-bottom: 30px;
}
.flex-grid-wrapper,
.grid
{
margin: 0;
}
.grid-item .grid-item-inner,
.flex-wrapper .grid-item .grid-item-inner,
.flex-wrapper .grid-item,
.accordeon-wrapper
{
margin: 0 0 20px 0!important;
}
.module
{
width: 100%;
padding: 40px 0;
max-width: 100%;
}
.flex-wrapper
{
display: block;
}
.left,
.right
{
float: none!important;
width: 100%!important;
margin: 0 0 30px 0!important;
}
.circles-wrapper
{
display: block;
}
.circles
{
width: 80%;
margin: auto;
}
.arrows
{
float: none;
width: 80%;
height: 100px;
margin: auto;
background-size: auto 40%;
}
#id_footer ul li
{
display: block;
margin: 0 0 20px 0;
}
#id_footer .inner .footer-row
{
margin-bottom: 30px;
}
#id_footer .inner .footer-row.align-right
{
text-align: left;
}
#id_footer .inner .footer-row.align-right img
{
width: auto;
margin-top:0;
}
}
@media screen and (max-width: 760px) {
.background-slider h2
{
font-size: 1.6rem;
}
}
#gdpr-cookie-message
{
background: rgb(1,207,238)!important;
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%)!important;
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%)!important;
}
#gdpr-cookie-message button
{
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
padding: 10px 20px!important;
font-weight: 700;
text-transform: uppercase;
}
#gdpr-cookie-accept
{
background: #282827!important;
color: #FFF!important;
}
#gdpr-cookie-message button:Hover
{
background: #c3f3fa!important;
color: #000!important;
}
#gdpr-cookie-advanced
{
color: #CCC!important;
}
#id_content
{
padding-top: 50px!important;
}
.img-caption
{
font-size: .8rem;
}
#id_newsdetail h1
{
max-width: 70%!important;
font-size: 2rem;
}
#id_newsdetail h6
{
margin: 0;
padding: 4px 0;
}
#id_newsdetail_header,
#id_newsdetail_additional
{
margin-bottom: 40px;
}
#id_newsdetail_date
{
float: left;
width: 50%;
}
#id_newsdetail_social
{
float: right;
text-align: right;
width: 50%;
}
#id_newsdetail_social h6
{
color: #000;
}
#id_newsdetail_social ul
{
float: right;
list-style: none;
margin: 0;
}
#id_newsdetail_social ul li
{
float: left;
margin-left: 20px;
}
#id_newsdetail_social ul li a
{
display: block;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center center;
background-size: 24px;
}
#id_newsdetail_social ul li a.linkedin
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/linkedin.svg');
}
#id_newsdetail_social ul li a.email
{
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/share.svg');
}
#id_newsdetail_shortdescription
{
max-width: 70%;
background: #1096d0;
box-sizing: border-box;
padding: 30px 30px 120px 30px;
}
#id_newsdetail_shortdescription *
{
color: #FFF;
max-width: 100%;
}
#id_newsdetail_image
{
max-width: 70%!important;
margin: -100px 15% 0 15%;
}
.image-align-right
{
float: left;
margin: 0 30px 20px 0;
max-width: 40%;
}
#id_newsdetail p
{
max-width: 100%;
}
#uid162 .module.module-header
{
min-height: 340px;
height: 30vh;
}
#uid162 #id_content_default
{
padding-top: 20px;
}
#id_newsdetail_related
{
width: 102%;
margin-left: -1%;
padding: 10px;
display: flex;
flex-wrap: wrap;
}
#id_newsdetail_related .related
{
float: left;
width: 46%;
margin: 0 2% 60px 2%;
background: #1096d0;
box-sizing: border-box;
transition: all 500ms;
cursor: pointer;
position: relative;
}
#id_newsdetail_related .related:Hover
{
background: #fb7322;
}
#id_newsdetail_related img
{
display: block;
}
/*
#id_newsdetail_related .related .related-image
{
float: left;
width: 29%;
margin: -10px 1% 20px -20px;
}
#id_newsdetail_related .related .related-text
{
float: left;
width: 70%;
padding: 15px;
box-sizing: border-box;
}
*/
#id_newsdetail_related .related .related-image {
width: 29%;
margin: -10px 0 0 20px;
position: absolute;
}
#id_newsdetail_related .related .related-text {
padding: 15px;
box-sizing: border-box;
padding-left: 38%;
}
@media (max-width: 768px) {
#id_newsdetail_related
{
margin: 0;
padding: 0;
}
#id_newsdetail_related .related .related-image {
width: 100%;
margin: 0 0 10px 0;
position: relative;
padding: 10px;
box-sizing: border-box;
}
#id_newsdetail_related .related .related-image img {
width: 100%;
}
#id_newsdetail_related .related .related-text {
padding: 15px;
}
}
#id_newsdetail_related .related .related-text *
{
color: #FFF;
}
#id_newsdetail_related h6
{
margin-bottom: 8px;
}
#id_newsdetail_related .related .related-text h4
{
font-size: 1.1rem;
margin-bottom: 10px;
}
.tx-utz-news
{
width: 100%;
}
.tx-utz-news .grid-item h6
{
margin-bottom: 10px;
}
.tx-utz-news .grid-item h3
{
font-size: 1rem;
margin-bottom: 10px;
}
.tx-utz-news h1
{
font-size: 2rem;
}
@media (max-width: 900px) {
.tx-utz-news
{
width: 100%;
}
#id_newsdetail h1,
#id_newsdetail_shortdescription,
#id_newsdetail_image
{
max-width: 100%!important;
}
}
@media (max-width: 768px) {
.image-align-right
{
float: none;
margin: 0 0 20px 0;
max-width: 100%;
}
#id_newsdetail_related
{
width: 100%;
margin-left: 0;
}
#id_newsdetail_related .related
{
display: block;
width: 100%;
margin: 0 0 20px 0;
}
#id_newsdetail_related h6
{
font-size: .8rem;
}
#id_newsdetail_related .related .related-image,
#id_newsdetail_related .related .related-text
{
float: none;
width: 100%;
}
#id_newsdetail_related .related .related-text h4
{
font-size: 1.2rem;
}
}
.tagcloud-wrapper
{
max-width: 100%;
overflow-x: hidden;
}
.tagcloud-wrapper .tagcloud
{
margin: auto;
}
.tagcloud-wrapper,
.tagcloud-wrapper *
{
text-align: center;
}
.tagcloud-wrapper .tagcloud span
{
font-size: 2rem;
text-transform: uppercase;
color: #FFF;
font-weight: 700;
/*
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
color: #1096d0;
*/
/*
font-size: .9rem;
font-weight: 600;
color: #FFF;
display: inline-block;
background: #1096d0;
padding: 10px 20px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
*/
}
.module.fullscreen
{
left: 0;
top: 0;
width: 100%;
height: 70vh;
min-height: 500px;
}
.module.fullscreen video,
.module.fullscreen img
{
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.module .inner .skew-text-wrapper
{
position: relative;
width: 100%;
}
.module .inner .skew-text-wrapper .skew-text
{
left: 0;
width: 80%;
margin: 0 10%;
top:0;
}
.seventyfive-wrapper-wrapper
{
width: 35%;
position: absolute;
z-index: 1000;
}
.quadrat-wrapper,
.seventyfive-wrapper
{
position: relative;
padding-top: 85%;
height: 0;
overflow: hidden;
background-position: center center;
background-size: auto 100%;
}
.seventyfive-wrapper
{
background-size: auto 75%;
}
.same-wrapper
{
padding-top: 100%;
background-position: center center;
background-size: cover;
}
.quadrat-wrapper .quadrat-inner,
.seventyfive-wrapper .seventyfive-inner,
.same-wrapper .same-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.same-item
{
position: absolute;
width: 35%;
z-index: 1;
}
.same-item .btn
{
color: #000!important;
background: #fff!important;
}
.same-screen
{
position: absolute;
width: 38%;
z-index: 1;
width:20%;
height:54%;
top:17%;
left:21%;
box-sizing: border-box;
padding: 40px 20px 20px 20px;
text-align:center;
}
.same-screen *
{
text-align:center;
max-width: 100%!important;
}
.same-screen h4
{
color: #ff7300;
font-size: 1.8rem;
}
.same-screen *
{
font-size: .9rem;
color: #FFF;
}
.same-item h3,
.same-item h3 *
{
font-family: 'Montserrat',sans-serif,Tahoma,Arial,Verdana;
font-weight: 800;
font-size: 3rem;
letter-spacing: .05em;
line-height: 1em;
}
.same-item ol li
{
font-size: 0.9rem;
}
.same-item p
{
max-width: 100%!important;
}
.seventyfive-wrapper .seventyfive-inner
{
display: flex;
align-items: center;
justify-content: flex-end;
}
.seventyfive-wrapper .seventyfive-inner a
{
position: relative;
padding: 12px 40px 12px 20px;
background: #444;
color: #FFF;
font-size: 1.2rem;
font-weight: 600;
display: inline-block;
text-align: center;
margin-right: 30px;
}
.seventyfive-wrapper .seventyfive-inner a span
{
/*position: absolute;
top:-30px;
right: -30px;
width: 60px;
height: 60px;
background-color: #1096D0;
color: #FFF;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow-white.svg');
box-sizing: border-box;
padding: 12px 8px 0 8px;*/
position: absolute;
top:-30px;
right: -30px;
width: 60px;
height: 60px;
background-color: #02cfee;
text-decoration: none!important;
color: #000!important;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow.svg');
box-sizing: border-box;
padding: 12px 8px 0 8px;
}
video.bgvideo
{
position: absolute;
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.big-teaser-wrapper
{
background: #e3e4e6;
margin-bottom: 40px;
}
.big-teaser-wrapper .big-teaser-inner
{
padding: 120px 80px 80px 80px;
position: relative;
}
.big-teaser-wrapper .big-teaser-logo
{
position: absolute;
z-index: 9;
margin-top: -80px;
width: 100%;
text-align: center;
left: 0;
}
.big-teaser-wrapper .big-teaser-logo img
{
width: 22%;
background-color: #FFF;
padding: 20px;
}
.big-teaser-image-wrapper
{
position: relative;
padding-top: 63%;
height: 0;
overflow: hidden;
background-position: center center;
background-size: 100% auto;
margin-bottom: 20px;
}
.big-teaser-image-wrapper .big-teaser-image-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.big-teaser-image-wrapper .big-teaser-image-inner h4
{
text-transform: uppercase;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
font-weight: 800;
margin-bottom: 0;
letter-spacing: .1em;
font-size: 1.6rem;
color: #FFF;
}
.big-teaser-image-wrapper .big-teaser-image-inner h3
{
font-size: 3.4rem;
line-height: 1.2em;
/*text-transform: uppercase;*/
padding: 0 30px;
color: #FFF;
text-align: center;
}
.big-teaser-content
{
padding: 10px 80px 0 60px;
position: relative;
}
.big-teaser-content p
{
max-width: 100%!important;
margin: 0;
}
.teaser-wrapper-three
{
padding-top: 40px;
}
.teaser-wrapper .teaser .number
{
position: absolute;
top:-40px;
left: 50%;
margin-left: -40px;
z-index: 10;
width: 80px;
height: 80px;
background-color: #000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.teaser-wrapper .teaser .number span
{
display: inline-block;
color: #FFF;
font-size: 2.8rem;
line-height: 1em;
font-weight: 600;
padding-bottom: 6px;
}
.parallax
{
position: relative;
width: 100%;
/*height: 65vh;*/
min-height: 700px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax .parallax-inner
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.parallax .parallax-standard-content
{
padding: 60px 0 100px 0!important;
margin: auto;
}
.parallax .parallax-standard-content h2
{
padding-top: 60px;
color: #FFF;
}
.parallax .parallax-inner .content
{
height: 100%;
padding-top: 70px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
flex-direction: column;
}
.parallax .parallax-inner .group
{
position: absolute;
z-index: 9;
width: 22%;
background-color: #FFF;
padding: 20px;
top:0;
left: 0;
}
.parallax .parallax-inner h3
{
color: #FFF;
text-transform: uppercase;
font-size: 3.4rem;
letter-spacing: .3em;
line-height: 1.2em;
text-align: center;
}
.parallax .parallax-inner p
{
font-size: 1.2rem;
font-weight: 600;
color: #FFF;
max-width: 1100px;
text-align: center;
padding: 0 20px;
box-sizing: border-box;
}
.parallax .parallax-inner .gothere
{
position: relative;
}
.big,
.big p
{
font-size: 1.6rem;
line-height: 1.2em;
}
.big.linkedin
{
display: table;
font-weight: 600;
padding: 10px 45px 10px 0;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/linkedin.svg');
background-position: right center;
background-size: 30px;
}
canvas
{
position: fixed;
top: 0;
left: -2px;
width: 100vw;
height: 100vh;
outline: none;
pointer-events: none;
}
.dg.ac
{
display: none!important;
}
.highlight-box
{
background: #e3e4e6;
padding: 60px;
box-sizing: border-box;
max-width: 100%;
overflow-x: hidden;
}
.highlight-box .fifty img
{
width: 100%;
}
.highlight-box.highlight-box-white
{
background: #FFF;
}
.highlight-box.highlight-box-white h4
{
font-size: 1rem;
}
.highlight-box p
{
max-width: 100%!important;
}
.highlight-box-wrapper .highlight-box.highlight-box-white
{
padding-bottom: 160px!important;
}
.highlight-box-wrapper .highlight-box-image
{
width: 90%;
margin: -140px 5% 40px 5%;
}
.highlight-box-wrapper .highlight-box-image img
{
width: 100%;
}
#uid1194 .highlight-box.highlight-box-white
{
background: none;
padding: 0;
}
#uid1194 .highlight-box.highlight-box-white .fifty
{
width: 56%;
}
#uid1194 .highlight-box.highlight-box-white .fifty:first-child
{
width: 40%;
}
/*
.highlight-box.highlight-box-white p
{
font-size: 1rem;
line-height: 1.3em;
}
*/
/*
#uid1030 .highlight-box,
#uid1040 .highlight-box
{
background: none;
padding: 0;
}
*/
#uid1030 .highlight-box.highlight-box-grey,
#uid1040 .highlight-box.highlight-box-grey,
.highlight-box.highlight-box-grey
{
background: #1e2726!important;
}
.highlight-box.highlight-box-grey *
{
color: #fff;
}
.highlight-box.highlight-box-blue
{
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.highlight-box.highlight-box-blue *
{
color: #FFF;
}
.highlight-box.highlight-box-blue h6
{
margin-bottom: 10px;
}
.numbers-blue .numbers h3
{
color: #02cfee!important;
}
.module.header.text-line,
.module.header.text-line .module.fullscreen
{
padding-bottom: 0;
}
#uid1030 .module.header,
#uid1030 .module.header .module,
#uid1040 .module.header,
#uid1040 .module.header .module
{
padding-bottom: 0!important;
}
.skew-line
{
position: absolute;
z-index: 50;
height: 20px;
left: 20%;
width: 60%;
bottom:0;
background: rgb(1,207,238);
background: -moz-linear-gradient(left, rgb(1,207,238) 0%, rgb(16,150,208) 100%);
background: -webkit-linear-gradient(left, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
background: linear-gradient(to right, rgb(1,207,238) 0%,rgb(16,150,208) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cfee', endColorstr='#1096d0',GradientType=1 );
}
.testimonial-wrapper .testimonial-inner p
{
color: #FFF;
font-weight: 400;
line-height: 1.5em;
max-width: 100%;
}
.highlight-box.highlight-box-grey .esg h3
{
color: #02cfee!important;
}
.esg .quadrat-wrapper
{
padding-top: 100%;
}
.flex-wrapper.esg
{
margin-bottom: 90px;
}
.flex-wrapper.esg .fifty
{
width: 46%;
margin: 0 2%;
}
.esg .quadrat-wrapper .quadrat-inner
{
display: flex;
align-content: center;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.esg .quadrat-wrapper .quadrat-inner img
{
padding: 20px;
background-color: #FFF;
max-width: 60%;
box-sizing: border-box;
}
.teaser-wrapper.teaser-wrapper-three p
{
max-width: 100%;
text-align: left;
font-size: .85rem;
line-height: 1.4em;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
}
.gothere
{
position: absolute;
bottom:0;
right: 0;
width: 60px;
height: 60px;
background-color: #02cfee;
text-decoration: none!important;
color: #000!important;
font-size: .7rem;
font-weight: 600;
display: inline-block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center bottom +10px;
background-repeat: no-repeat;
background-size: 50%;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/btn-arrow.svg');
box-sizing: border-box;
padding: 12px 8px 0 8px;
}
.gothere:Hover
{
}
/* ------------------------------------------------------------------------------------------------------------ */
.contact-header
{
align-items: flex-end;
}
.contact-header .headline-wrapper
{
width: 48%;
margin-right: 2%;
}
.contact-header .contact-selection
{
width: 48%;
margin-left: 2%;
}
.contact-bottom .contact-people
{
float: right;
width: 48%;
margin-left: 2%;
}
.contact-bottom .contact-form
{
float: left;
width: 48%;
margin-right: 2%;
}
.flex-column.two .box {
width: 46%;
margin: 0 2% 20px 2%;
}
.flex-column .box {
width: 29.33%;
margin: 0 2% 20px 2%;
}
.box {
width: 40%;
margin: 0 5% 100px 5%;
float: left;
background: #FFF;
box-sizing: border-box;
}
.box .box-inner {
padding: 20px 20px 0 20px;
box-sizing: border-box;
}
.box .box-inner img {
margin-bottom: 15px;
}
.box .box-inner p {
font-size: .85rem;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 20px;
}
.box .box-inner a.highlight
{
padding: 4px 0 4px 30px;
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
background-image: url('/typo3conf/ext/tsbasetemplate/Resources/Public/Chartered/images/icons/linkedin.svg');
}
.box .box-inner a.highlight span
{
display: none;
}
#id_form h2 {
font-size:1.8rem;
padding: 0;
background-image: none;
text-transform: none;
margin: 30px 0;
}
.contact-header .headline-wrapper *
{
display: block;
}
.icon
{
font-weight: 600;
display: block;
padding: 10px 0 10px 50px;
background-position: left center;
background-repeat: no-repeat;
background-size: 36px;
margin-bottom: 20px;
}
.icon.phone
{
background-image: url('../images/phone.svg');
}
.icon.mail
{
background-image: url('../images/mail.svg');
}
/* ------------------------------------------------------------------------------------------------------------ */
#bgmp4
{
position: fixed;
left: 0;
top:0;
width: 100%;
height: 100vh;
z-index: 0;
}
#bgmp4 video
{
width: 100%;
height: 100vh;
object-fit: cover;
}
/* ------------------------------------------------------------------------------------------------------------ */
.highlights *
{
text-align: center;
}
.highlights h3
{
font-family: 'Montserrat',sans-serif,Tahoma,Arial,Verdana;
font-weight: 800;
font-size: 3.8rem;
line-height: 1.2em;
color: #1096d0;
margin: 0 0 10px 0;
}
.highlights p
{
font-size: .9rem;
font-weight: 600;
letter-spacing: .1em;
line-height: 1.2em;
text-transform: none;
max-width: 100%!important;
margin-bottom: 0;
}
.highlight-left
{
width: 66%;
margin-right: 1%;
display: flex;
flex-wrap: wrap;
}
.highlight-wrapper
{
width: 102%;
margin-left: -1%;
display: flex;
flex-wrap: wrap;
}
.highlight-wrapper .highlight-item
{
width: 31.33%;
margin: 10px 1% 10px 1%;
background: #FFF;
padding: 30px;
box-sizing: border-box;
}
.highlight-right
{
width: 30%;
margin: 10px 0;
background: #FFF;
padding: 30px;
box-sizing: border-box;
}
.highlight-right h3
{
font-size: 2rem;
margin: 0 0 30px 0;
}
.highlight-right p
{
line-height: 1.2em;
max-width: 100%!important;
margin-bottom: 10px;
}
#uid1194 .highlight-right
{
background: #ff7300;
display: flex;
align-items: center;
justify-content: center;
}
#uid1194 .highlight-right *
{
color: #FFF;
}
/* ------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 900px) {
.contact-bottom .contact-people,
.contact-bottom .contact-form,
.flex-column.two .box
{
float: none;
width: 100%;
margin: 0 0 30px 0;
}
.box .box-inner {
padding: 20px;
}
.box .box-inner p {
margin: 0;
}
.skew-line
{
display: none;
}
.highlight-box
{
padding: 20px!important;
}
.ce-intext.ce-left .ce-gallery,
.ce-intext.ce-left .ce-bodytext
{
margin: 0 0 30px 0;
width: 100%;
}
.video-wrapper-wrapper
{
margin: 0;
padding: 0;
}
.parallax .parallax-inner p
{
font-size: 1rem;
line-height: 1.2em;
}
.seventyfive-wrapper-wrapper
{
width: 100%;
position: relative;
left: 0;
top: inherit;
bottom: inherit;
}
.quadrat-wrapper
{
position: relative;
padding-top: 0;
height: auto;
overflow:auto;
}
.quadrat-wrapper .quadrat-inner
{
position: relative;
height: auto;
}
.big-teaser-wrapper .big-teaser-inner
{
padding: 0;
}
.big-teaser-image-wrapper .big-teaser-image-inner h3,
.parallax .parallax-inner h3
{
font-size: 1.6rem;
line-height: 1.2em;
}
.teaser-wrapper
{
display: block;
}
.teaser-wrapper .teaser
{
margin: 0 0 60px 0;
width: 100%;
}
.module .inner .skew-text-wrapper .skew-text,
.seventyfive-wrapper-wrapper,
.fifty,
.flex-wrapper.esg .fifty,
#uid1194 .highlight-box.highlight-box-white .fifty,
#uid1194 .highlight-box.highlight-box-white .fifty:first-child
{
right: inherit!important;
left: 0!important;
bottom: inherit!important;
top: inherit!important;
width: 100%!important;
margin: 0;
padding: 0;
}
.highlight-box .fifty img
{
margin-bottom: 20px;
}
.seventyfive-wrapper-wrapper
{
margin: 30px 0 0 0;
}
.module
{
max-width: 100%;
overflow-x: hidden;
}
.index #id_content_default
{
padding: 0 0 0 0;
}
.big-teaser-wrapper
{
margin-top: 60px;
}
.big-teaser-wrapper .big-teaser-logo
{
margin-top: -40px;
}
.big-teaser-content
{
padding: 0 30px 20px 20px;
position: relative;
}
.parallax .parallax-inner .gothere
{
right: 20px;
bottom: 20px;
position: absolute;
}
.fifty .gothere
{
position: relative;
right: inherit!important;
bottom: inherit!important;
}
.same-item h4
{
font-size: 1rem;
margin-bottom: 5px!important;
}
.same-item p
{
font-size: .6rem;
line-height: 1.1em;
/*display: none;*/
}
.same-screen
{
width: 23%;
left:17%;
padding: 10px;
}
.same-screen h4
{
font-size: 1rem;
}
.highlight-left,
.highlight-wrapper
{
width: 100%;
margin:0;
display: block;
}
.highlight-wrapper .highlight-item
{
width: 100%;
margin: 0 0 10px 0;
}
.highlight-right
{
width: 100%;
margin: 0;
}
.testimonial-wrapper .testimonial-inner .big p
{
font-size: 1.2rem;
line-height: 1.4em;
}
}
.module-parallax-coulture .highlight-box.highlight-box-white img
{
max-width: 36%;
}
.module-parallax-coulture .highlight-box-testimonial
{
margin-bottom: 120px;
}
.module-parallax-coulture .highlight-box-testimonial p
{
color: #000;
}
.module-parallax-coulture .inner-medium
{
margin-top: -240px;
}
.module-parallax-coulture .same-wrapper
{
padding-top: 85%;
}
.module-parallax-coulture .same-item
{
top:12%;
left:54%;
}
@media screen and (max-width: 900px) {
.module-parallax-coulture .inner-medium
{
margin-top: -70px;
}
.testimonial-wrapper
{
padding: 25px 0 0 18px;
}
.testimonial-wrapper,
.testimonial-wrapper .testimonial-inner
{
background-size: 60px auto;
}
.module-parallax-coulture .same-item
{
top:25px;
left:54%;
}
.module-parallax-coulture .same-item h3
{
margin-bottom: 5px;
font-size: 1rem!important;
}
.module-parallax-coulture .same-item p
{
margin-bottom: 5px;
}
.testimonial-wrapper .testimonial-inner .big p
{
font-size: 1rem;
line-height: 1.4em;
}
.module-parallax-coulture .highlight-box.highlight-box-white img
{
max-width: 100%;
width: 100%;
}
}
.animated-lines
{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
outline: none;
pointer-events: none;
z-index: 0;
}
.animated-lines path
{
fill: none;
stroke: #ccc;
stroke-width: 0.5px;
vector-effect: non-scaling-stroke;
}
#id_footer {
z-index: 1;
position: absolute;
width: 100%;
}
.relright {
position: relative;
float: right;
}
#mauticform_wrapper_overallimpression .mauticform-innerform .mauticform-radiogrp-row
{
margin-bottom: 10px;
}
#mauticform_wrapper_overallimpression .mauticform-innerform .mauticform-row
{
margin-bottom: 30px!important;
}
#mauticform_wrapper_overallimpression form input[type="text"],
#mauticform_wrapper_overallimpression form input[type="email"],
#mauticform_wrapper_overallimpression form input[type="tel"],
#mauticform_wrapper_overallimpression form select,
#mauticform_wrapper_overallimpression form textarea
{
padding-left: 0.5em;
padding-right: 0.5em;
box-sizing: border-box;
background: #FFF!important;
border: 1px solid #CCC!important;
}
/* ------------------------------------------------------------------------------------------------------------ */
.grid-item .grid-item-inner a
{
display: block;
padding: 15px;
box-sizing: border-box;
}
#id_newsdetail_header
{
position: relative;
padding: 80px;
background: #00cfee;
margin: 60px 0 0 0;
}
#id_newsdetail_content
{
padding: 60px 80px;
background: #FFF;
}
#id_newsdetail_shortdescription
{
background: none;
max-width: 100%;
padding: 0 0 0 50%;
}
#id_newsdetail_shortdescription h6
{
margin: 0 0 10px 0;
}
#id_newsdetail_shortdescription h1
{
color: #000;
margin: 0 0 20px 0;
max-width: 100%!important;
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
.highlight-box h3
{
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
#id_newsdetail_intro p
{
font-weight: 600;
}
#id_newsdetail_image
{
position: absolute;
max-width: 40%!important;
margin: -160px 0 0 0;
}
#id_newsdetail_image img
{
width: 100%;
height: auto;
}
.image-align-right
{
float: left;
margin: 0 30px 20px 0;
max-width: 40%;
}
@media screen and (max-width: 900px) {
#id_newsdetail_header
{
padding: 20px;
margin: 0;
}
#id_newsdetail_content
{
padding: 20px;
}
#id_newsdetail_image
{
position: relative;
max-width: 100%!important;
margin: 0 0 20px 0;
}
#id_newsdetail_shortdescription
{
padding-left: 0;
}
#id_newsdetail_social
{
width: 100%;
margin-top: 20px;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
.screen-video-wrapper
{
position: relative;
/*margin-top: -60px;*/
width: 100%;
}
.screen-video-wrapper .screen-video
{
height: 0;
overflow: hidden;
padding-top: 60%;
position: relative;
}
.screen-video-wrapper .screen-video .screen-video-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.screen-video-wrapper img
{
position: absolute;
top:0;
left: 0;
width: 100%;
height: auto;
z-index: 10;
}
.screen-video-wrapper video
{
position: absolute;
top:3%;
right: 2%;
width: 54%;
z-index: 5;
}
/* ------------------------------------------------------------------------------------------------------------ */
.news
{
display: block;
background: #FFF;
padding: 20px;
box-sizing: border-box;
margin: 0;
}
.news span
{
display: block;
/*color: #0099dc;*/
font-size: .8rem;
font-weight: 600;
margin-bottom: 5px;
}
.news img
{
margin-bottom: 10px;
}
.news p
{
max-width: 100%;
font-size: .9rem;
line-height: 1.3em;
}
.slick-track
{
display: flex;
align-content: stretch;
flex-wrap: wrap;
align-items: stretch;
}
.slick-slide
{
float: none;
height: inherit;
}
.slick-slide div,
.slick-slide a.news
{
height: 100%;
}
.slick-slide a.news .news-image-wrapper
{
height: 0!important;
overflow: hidden;
padding-top: 126.8%;
position: relative;
}
.slick-slide a.news .news-image-wrapper .news-image-inner
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%!important;
display: flex;
justify-content: center;
align-items: center;
}
.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before
{
width: 30px;
height: 30px;
color: inherit;
content: '';
transition: all 500ms;
}
.slick-prev
{
left: -30px;
}
.slick-next
{
right: -30px;
}
.slick-prev:before,
.slick-next:before
{
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 1!important;
}
.slick-prev:Hover:before,
.slick-next:Hover:before
{
background-size: cover;
}
.slick-prev:before
{
}
.slick-next:before
{
}
.module.bg8
{
padding: 0;
}
.module.bg8 .frame-space-before-big
{
display: none;
}
.flex-wrapper.flex-centered
{
align-items: center;
justify-items: center;
}
.flex-item-40
{
width: 36%;
margin-right: 4%;
}
.flex-item-60
{
width: 60%;
}
.flex-item-60 .indented h5
{
font-size: 1.2rem;
font-weight: 700;
padding-left: 40px;
background-image: url('../images/bullet-arrow.svg');
background-position: left center;
background-size: 30px 30px;
text-transform: uppercase;
margin-bottom: 5px;
}
.indented p
{
padding-left: 20px;
}
@media screen and (max-width: 768px) {
#id_content
{
padding-top: 105px!important;
}
.background-slider.special-size
{
margin-bottom: 90px;
}
.background-slider h2
{
font-size: 1.6rem;
}
}
/* ------------------------------------------------------------------------------------------------------------ */
#id_terms_modal
{
width: 90%;
max-width: 960px;
}
#id_terms_modal h3{
font-weight: 700;
font-size: 1.2rem;
font-family: 'Montserrat', sans-serif, Tahoma, Arial, Verdana;
text-transform: uppercase;
line-height: 1.2em;
margin-bottom: 20px;
}
#id_terms_modal img
{
max-width: 100px;
margin-bottom: 30px;
}
#id_terms_modal .centered a
{
margin: 0 10px;
}
#id_terms_modal_head
{
display: flex;
justify-content:space-between;
}
#id_terms_modal_head a
{
padding-left: 30px;
background-size: 20px;
background-position: left top;
background-repeat: no-repeat;
}
#id_terms_modal_head a.de
{
background-image: url('../images/de.svg');
}
#id_terms_modal_head a.en
{
background-image: url('../images/en.svg');
}
#id_terms_modal_left
{
width: 63%;
margin-right: 2%;
border: 1px solid #000;
box-sizing: border-box;
padding: 30px;
}
#id_terms_modal_left p
{
font-size: 1rem;
line-height: 1.2em;
}
#id_terms_modal_content
{
width:100%;
height:136px;
overflow-y:scroll;
}
#id_terms_modal_right
{
width: 35%;
background-image:url('../images/terms-modal.jpg');
background-position:center center;
background-size:cover;
box-sizing: border-box;
padding: 30px;
}
#id_terms_modal hr
{
padding: 0!important;
height: 1px;
background: #000;
margin: 30px 0;
border: none;
}
#id_terms_modal ul{
list-style: disc;
margin: 0 0 20px 20px;
}
#id_terms_modal ul li{
line-height: 1.4em;
}
.security_alert_btn{
color:#fff !important;
}
.security_alert_btn:hover{
background: #fb7322 !important;
}
#id_security_img{
position: absolute;
left: 5%;
top: 12%;
width: 150px;
z-index: 1000;
}
@media screen and (max-width: 960px) {
#id_terms_modal_left
{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
#id_terms_modal_right
{
width: 100%;
height: 140px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#id_security_img {
top: 9%;
}
}
@media (max-width: 576px) {
#id_security_img {
left: 30%;
top: 33%;
}
}
@media (max-width: 420px) {
#id_security_img {
left: 30%;
top: 29.5%;
}
}
@media (max-width: 375px) {
#id_security_img {
left: 30%;
top: 29%;
}
}
@media (max-width: 345px) {
#id_security_img {
top: 32%;
}
}
/*add new css*/
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
/** {
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
}*/
body, html {
background-color: #fff;
}
ul {
padding: 0;
margin: 0;
}
.serach-overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 99999;
top: 95px;
left: 0;
background-color: #fff;
}
.overlay-content {
position: relative;
left: 30%;
top: 30px;
width: auto;
text-align: center;
margin: 0 auto;
}
.serach-overlay .closebtn {
z-index: 9;
position: absolute;
left: 235px;
top: 2px;
font-size: 20px;
cursor: pointer;
color: #aaa;
}
.serach-overlay .closebtn:hover { color: #111;}
.serach-overlay input[type=text] {
padding: 5px 15px;
font-size: 14px;
background: #fff;
color: #aaa;
text-align: left;
width: 260px;
border-radius: 50px;
border: 1px solid #ccc;
margin: 0;
}
.serach-overlay input[type=text]::placeholder{ color: #555; }
/*.serach-overlay input[type=text]:hover,
.serach-overlay input[type=text]:focus { background: transparent; outline: 0; border: 0; box-shadow: none;}*/
/*.serach-overlay button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; display: none; }
.serach-overlay button:hover {background: #bbb;}*/
.newClass .serach-overlay {
top: 60px;
}
.relative{
position: relative;
}
#id_content {
padding-top: 0 !important;
}
#id_header #id_ci {
background-image: url('../images/chartered-investment.svg');
}
#id_header.page-header.is-sticky #id_ci {
width: 200px;
height: 45px;
}
#id_header #id_menu ul li a {
color: #181A1B;
}
.banner-sec{
position: relative;
}
.large_bnrImg{
max-height: 550px;
margin-top: -50px;
}
.bnr-content-bg {
width: 720px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
left: 12%;
top: 70px;
z-index: 0;
height: 350px;
border-radius: 10px;
}
.content-wrap h1 {
text-align: left;
text-transform: uppercase;
color: #FFF;
font-size: 3.5rem;
line-height: normal;
text-shadow: 0px 0px 5px rgba(20,20,20,.3);
padding: 20px 25px 150px 0;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
width: 680px;
position: absolute;
left: 14%;
top: 80px;
z-index: 1;
}
#id_selection {
top: 0;
right: 0;
width: 200px;
background: #fff;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
padding: 10px 20px 35px 15px;
text-transform: capitalize;
letter-spacing: normal;
text-align: left;
background-position: left +17px bottom +15px;
background-size: 100px;
font-size: 1.5rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +50px bottom +15px;
}
#id_header #id_menu {
padding-top: 15px;
}
#id_header {
position: sticky;
top: 0;
z-index: 9999;
border-bottom: 1px solid #eee;
}
#id_header .inner {
padding: 0;
width: 100%;
max-width: 1320px;
}
.page-header {
position: absolute;
top: 0;
right: 0;
left: 0;
padding: 20px 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5) !important;
}
/* STICKY STYLES
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
.page-header.is-sticky {
position: fixed;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
padding: 8px 0;
backdrop-filter: blur(10px);
}
.page-header.is-sticky img {
max-width: 80%;
}
.page-header.is-sticky button {
font-size: 14px;
padding: 7px 10px;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.page-header.is-sticky .navbar-toggler-icon img {
max-width: 100%;
}
.page-header.is-sticky button {
font-size: 1.25rem;
padding: .25rem .75rem;
}
.hdr-right {
display: flex;
align-items: center;
}
.hdr-right li {
margin-right: 20px;
margin-left: 10px;
}
.hdr-right li:last-child {
margin-right: 0;
}
.hdr-right a.searchBtn {
background: #fb7322;
border-radius: 6px;
padding: 4px 8px;
}
.hdr-right a.searchBtn i {
color: #fff;
font-size: 15px;
}
.hdr-right li.language a {
color: #111;
}
.hdr-right .login-btn {
text-decoration: none;
display: inline-block;
font-size: .9rem;
font-weight: 600;
color: #fff;
padding: 4px 12px;
background: #1096d0;
transition: all 500ms;
border-radius: 7px;
}
.hdr-right .login-btn:hover {
background: #000;
}
/*mega menu css start*/
.static-positon{
position: static;
}
.static-positon .dropdown-toggle::after{
display: none;
}
.static-positon span {
color: #aaa;
font-size: 11px;
font-weight: 400;
}
.static-positon ul li a {
color: #111;
font-size: 13px;
font-family: "Inter Tight", sans-serif;
font-weight: 600;
font-style: normal;
}
.static-positon ul li a:hover, .static-positon ul li a:hover strong{
color: #fb7322;
}
.static-positon ul li a strong {
font-size: 20px;
font-weight: 700;
}
.static-positon input[type=text] {
padding: 5px 15px 5px 30px;
font-size: 12px;
background: #fff;
color: #aaa;
text-align: left;
width: 95%;
border-radius: 50px;
border: 1px solid #ccc;
margin-bottom: 15px;
}
.static-positon input[type=text]::placeholder{ color: #777; }
.static-positon form button {
position: absolute;
background: transparent !important;
padding: 6px 0 0 10px !important;
margin: 0 !important;
}
.static-positon form button i {
color: #777;
font-size: 15px;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .nav-link {
/* background: #fb7322;*/
background: #f5c6a9;
color: #111;
font-weight: 500;
border-radius: 5px;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .search-box{
background: transparent;
}
.dropdown-menu a {
text-decoration: none;
color: #000000;
}
.dropdown-menu a .d-flex {
transition: all 0.5s;
}
.navbar-expand-lg .navbar-nav .nav-link {
color: #000;
font-size: 15px;
}
@media only screen and (min-width: 992px) {
.dropdown-menu {
width: 100%;
}
.dropdown:hover .dropdown-menu {
display: flex;
}
.dropdown-menu.show {
display: flex;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
left: 0;
top: 68px;
padding-top: 40px;
position: fixed;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
border-top: 2px solid #1096d0;
padding-top: 20px;
max-width: 1920px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 50px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
color: #333;
font-size: 14px;
border-radius: 5px;
padding-top: .3rem;
padding-bottom: .3rem;
font-family: "Inter Tight", sans-serif;
font-weight: 500;
font-style: normal;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
background: #f5c6a9;
color: #111;
font-weight: 500;
border-radius: 5px;
}
.navbar-expand-lg {
padding-top: 0;
padding-bottom: 0;
}
}
.navbar-expand-lg .navbar-nav .nav-link.search-box:hover{
background: transparent !important;
color: inherit;
}
.search-box i {
background: #ccc;
border-radius: 6px;
padding: 4px 8px;
color: #000;
font-size: 15px;
}
.search-box i:hover {
background: #fb7322;
color: #fff;
}
/*mega menu css end*/
.hdr-right li.language select.selectpicker {
border: 0;
cursor: pointer;
background: transparent;
}
@media (max-width: 1024px){
.navbar-expand-lg .navbar-nav .nav-link {
font-size: 14px;
}
#id_selection {
width: 185px;
}
.bnr-content-bg {
width: 520px;
left: 10%;
top: 70px;
height: 350px;
}
.content-wrap h1 {
font-size: 2.5rem;
padding: 20px 25px 150px 0;
width: 500px;
left: 13%;
top: 80px;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
padding: 10px 20px 35px 15px;
text-transform: capitalize;
letter-spacing: normal;
text-align: left;
background-position: left +17px bottom +15px;
background-size: 100px;
border-radius: 10px;
font-size: 1.5rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +50px bottom +15px;
}
.hdr-right li {
margin-right: 15px;
margin-left: 5px;
}
}
@media (max-width: 991px){
#id_selection {
width: 185px;
}
.bnr-content-bg {
width: 400px;
left: 7%;
top: 45px;
height: 250px;
}
.content-wrap h1 {
font-size: 1.9rem;
padding: 20px 25px 150px 0;
width: 390px;
left: 10%;
top: 50px;
}
#id_selection #id_selection_btn {
font-size: 1.3rem;
}
.serach-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.overlay-content {
position: relative;
left: 0;
top: 10%;
width: 95%;
margin: 0 20px;
}
.serach-overlay .closebtn {
left: 95%;
top: 2px;
}
.hdr-right {
flex-wrap: wrap;
}
.hdr-right li {
margin: 0 0 15px;
width: 100%;
}
.hdr-right .login-btn {
font-size: 1rem;
padding: 8px 15px;
width: 100%;
text-align: center;
}
.static-positon input[type=text] {
width: 100%;
}
}
@media (max-width: 767px){
.large_bnrImg {
max-height: 100%;
margin-top: 0;
}
#id_selection {
width: 125px;
right: 10px;
}
.bnr-content-bg {
width: 220px;
left: 10px;
top: 30px;
height: 125px;
}
.content-wrap h1 {
font-size: 1rem;
padding: 20px 25px 0 0;
width: 210px;
left: 6%;
top: 25px;
}
#id_selection #id_selection_btn {
font-size: 1.3rem;
}
#id_selection #id_selection_btn {
font-size: 1em;
}
#id_selection #id_selection_btn {
background-image: url('../images/btn-arrow-white-thin.svg');
background-position: left +15px bottom +15px;
background-size: 70px;
font-size: 1rem;
}
#id_selection #id_selection_btn:Hover {
background-color: #1096D0;
background-position: right +20px bottom +15px;
}
.serach-overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.overlay-content {
position: relative;
left: 0;
top: 10%;
width: 90%;
margin: 0 20px;
}
.serach-overlay .closebtn {
left: 93%;
top: 2px;
}
.hdr-right {
flex-wrap: wrap;
}
.hdr-right li {
margin: 0 0 15px;
width: 100%;
}
.hdr-right .login-btn {
font-size: 1rem;
padding: 8px 15px;
width: 100%;
text-align: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .4rem;
padding-left: .4rem;
}
}
.large_bnrImg {
max-height: 100%;
}
.bnr-content-bg {
top: 100px;
height: 400px;
}
.content-wrap h1 {
padding: 0;
top: 150px;
font-weight: 700;
}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link.active{
color: #ed722e;
background: transparent;
border-radius: unset;
border-bottom: 2px solid;
margin-left: 1rem;
margin-right: 1rem;
padding-left: 0;
padding-right: 0;
}
.nav-item{
padding-right: 5px;
}
@media (max-width: 1024px) {
.bnr-content-bg {
top: 100px;
height: 320px;
}
.content-wrap h1 {
padding: 0;
left: 13%;
top: 130px;
font-size: 2.4rem;
}
}
@media (max-width: 991px) {
.bnr-content-bg {
width: 400px;
left: 7%;
top: 45px;
height: 250px;
}
.content-wrap h1 {
font-size: 1.9rem;
padding: 0;
width: 390px;
left: 10%;
top: 90px;
}
}
@media (max-width: 767px){
.bnr-content-bg {
width: 220px;
left: 10px;
top: 20px;
height: 120px;
}
.content-wrap h1 {
font-size: 1rem;
padding: 0;
width: 210px;
left: 7%;
top: 40px;
}
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
h1, h2, h3, h4, h5, h6{
font-family: "Inter Tight", sans-serif;
font-weight: 600;
font-style: normal;
}
* {
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
}
.laptop-sec {
padding: 60px 0;
}
.laptop-sec .laptop_Cnt {
border-left: 4px solid #FF6800;
padding-left: 15px;
margin-left: 50px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 10px;
font-size: 34px;
}
.laptop-sec .laptop_Cnt strong {
color: #0098D6;
}
.asstes-sec .img_Cnt {
position: absolute;
left: 40px;
bottom: 20px;
max-width: 90%;
}
.asstes-sec .img_Cnt p {
color: #F4F4F4;
font-size: 24px;
font-weight: 500;
line-height: normal;
}
.asstes-sec .img_Cnt strong {
color: #00D2F2;
font-size: 28px;
font-weight: 600;
}
.asstes-sec h2 {
margin-bottom: 0;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
}
.top-title {
border-left: 4px solid #FF6800;
padding-left: 15px;
max-width: 653px;
margin-top: 60px;
}
.top-title h3 {
margin-bottom: 10px;
font-size: 30px;
font-weight: 800;
}
.platform-box {
background: #131516;
border-radius: 10px;
padding: 20px;
margin-top: 25px;
color: #fff;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 300px;
}
.platform-box .comming-soon {
background: #0098D6;
color: #fff;
border-radius: 6px;
padding: 2px 8px;
font-size: 14px;
display: flex;
align-items: center;
}
.platform-cnt {
margin-top: auto;
max-width: 200px;
}
.platform-box h4 {
margin-bottom: 10px;
font-size: 30px;
font-weight: 600;
color: #0098D6;
line-height: normal;
}
.platform-box p {
margin-bottom: 10px;
font-size: 14px;
color: #fff;
}
.platform-box.last-box {
background: #0098D6;
}
.platform-box.last-box h4 {
color: #fff;
}
.platform-box.last-box .platform-cnt {
max-width: 70%;
}
.who-are_sec .top-title {
max-width: 650px;
}
.who-are_sec h2 {
margin-bottom: 0;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
}
.bankers-sec {
padding-top: 30px;
}
.bankers-sec .top-title {
max-width: 175px;
}
.bankers-bg {
width: 100%;
background: url(../images/bankers-bg.jpg);
background-size: cover;
padding: 20px 0 45px;
margin-top: 20px;
}
.bankers-box {
background: #fff;
border-radius: 10px;
padding: 20px;
margin-top: 25px;
position: relative;
display: flex;
min-height: 300px;
}
.bankers-cnt {
margin-top: auto;
}
.bankers-box h4 {
margin-bottom: 10px;
font-size: 28px;
max-width: 75%;
font-weight: 800;
color: #181A1B;
line-height: 38px;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 14px;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox h4 {
color: #FF6800;
font-weight: 700;
}
.banker-lastbox strong {
color: #fff;
display: block;
margin-top: 10px;
}
.since-here-sec {
margin: 60px 0;
}
.common-cd-row {
display: flex;
justify-content: space-between;
}
.common-cd-row.cd-row1 li:first-child {
background: #fff;
padding-top: 10px;
}
.common-cd-row.cd-row1 li:first-child h4{
/* font-size: 2rem;*/
font-weight: 700;
color: #FF6800;
}
.common-cd-row.cd-row2 li:last-child {
width: 59.5%;
}
.common-cd-row li {
width: 19%;
background: #F4F4F4;
border-radius: 7px;
margin: 8px 0;
padding: 50px 20px 29px 20px;
}
.common-cd-row li span {
display: block;
margin-bottom: 30px;
}
.common-cd-row li img {
height: 48px;
width: auto;
}
.common-cd-row li h4 {
font-size: 2rem;
font-weight: 700;
color: #181A1B;
margin-bottom: 15px;
}
.common-cd-row li p{
font-size: 14px;
font-weight: 500;
color: #181A1B;
margin-bottom: 0;
}
.our-clients_sec{
background: #181A1B;
padding: 50px 0 60px;
border-radius: 7px;
}
.partners-slider {
margin-top: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.partners-slider .slider-items {
margin: 0;
display: flex !important;
justify-content: center;
align-items: center;
}
.partners-slider .slider-items img {
max-width: 100%;
}
.partners-slider .slick-prev, .partners-slider .slick-next {
display: none !important;
}
.cl-comment-row {
display: flex;
margin-top: 70px;
}
.comment-box {
background: #fff;
padding: 30px 25px 20px;
border-radius: 10px;
margin-right: 15px;
max-width: 40%;
}
.comment-box p{
margin-bottom: 0;
color: #181A1B;
}
.rivews-star{
display: block;
margin-bottom: 15px;
}
.rivews-star img{
max-height: 20px ;
}
.our-clients_sec .top-title {
border-left: 4px solid #00D2F2;
margin-top: 0;
}
.our-clients_sec .top-title h3 {
color: #fff;
}
.our-clients_sec .top-title strong {
color: #fff;
font-size: 26px;
}
.advantage_sec {
position: relative;
width: 100%;
}
.advantage_sec .advantage-img-box {
text-align: right;
}
.advantage_sec .advantage-img-box img {
max-width: 650px;
}
.chartered-group-sec {
padding-top: 10px;
}
.chartered-group-bg {
width: 100%;
background: url(../images/chartered-group-bg.jpg);
background-size: cover;
padding: 30px 0 30px;
margin-top: 20px;
}
.chartered-group-sec .top-title {
max-width: 400px;
}
.chartered-group-Cnt {
margin-top: 40px;
max-width: 455px;
}
.chartered-group-bg h2 {
margin-bottom: 20px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
color: #fff;
padding: 0;
}
.chartered-group-bg p{
color: #fff;
}
.chartered-group-bg a {
background: #FF6800;
padding: 5px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
}
.news-box-large {
border: 1px solid #A6A6A6;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
}
.news-box-large .Imgblk{
flex: 1;
}
.news-box-large .Imgblk img {
border-radius: 10px 0 0 10px;
height: 100%;
}
.news-box-large .newDtl {
flex: 1;
background: #181A1B;
color: #fff;
border-radius: 0 10px 10px 0;
padding: 20px 15px;
}
.news-box-large .newDtl strong {
color: #00D2F2;
}
.news-box-large .newDtl p {
color: #fff;
}
.news-box-large .newDtl p small {
color: #fff;
}
.news-box {
border: 1px solid #A6A6A6;
border-radius: 10px;
}
.news-box .Imgblk img {
border-radius: 10px 10px 0 0;
}
.news-box .newDtl {
padding: 15px 15px;
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
color: #181A1B;
margin-bottom: 0;
}
.news-box .newDtl strong {
display: block;
}
.view-btn {
background: #FF6800;
padding: 4px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
display: table;
margin: 0 auto;
}
.view-btn:hover, .chartered-group-bg a:hover {
color: #fff;
background: #de5d03;
}
.ready-transform-sec {
width: 100%;
background-size: cover;
padding: 200px 0 50px;
margin-top: 80px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
}
.ready-transform-sec .ready-Cnt h2 {
margin-bottom: 10px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.5rem;
letter-spacing: 0px;
color: #fff;
padding: 0;
}
.ready-transform-sec .ready-Cnt a {
background: #0098D6;
padding: 5px 10px;
color: #fff;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #0282b6;
}
.above-ftr-sec {
margin-top: 55px;
}
.above-ftr-row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.above-ftr-row .aboveLinks {
margin-bottom: 50px;
flex: 1;
}
.above-ftr-row .aboveLinks strong {
display: block;
border-bottom: 2px solid #000;
padding-bottom: 5px;
margin-bottom: 10px;
}
.above-ftr-row .aboveLinks li {
margin-top: 5px;
}
.above-ftr-row .aboveLinks a {
color: #000;
font-size: 14px;
}
.above-ftr-row .aboveLinks a:hover{
color: #FF6800;
}
.ftr-bg {
background: #1E2B2D;
padding: 60px 0 40px 0;
}
.ftr-bg h3 {
color: #FF6800;
font-family: "Inter Tight", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 40px;
text-transform: uppercase;
margin: 50px 0 40px;
line-height: normal;
}
.ftr-bg a i {
color: #fff;
font-size: 44px;
}
.ftrLinks ul {
margin-bottom: 30px;
}
.ftrLinks li a {
color: #fff;
font-size: 16px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.ftrLinks li a:hover, .ftrLinks li a.active{
color: #949494;
}
.ftr-otherLinks li a {
color: #949494;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: 400;
font-style: normal;
}
.ftr-otherLinks li a:hover {
color: #fff;
}
.copyright p {
color: #949494;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
margin-top: 20px;
}
.bnr-content-bg {
width: 900px;
}
.content-wrap h1{
font-family: "Barlow Condensed", sans-serif;
/* font-family: "Barlow Semi Condensed", sans-serif;*/
font-weight: 600;
font-style: normal;
font-size: 4.5rem;
width: 850px;
letter-spacing: -2px;
top: 135px;
}
.ftr-otherLinks li a.active{
color: #fff;
}
.switzerland-banner .large_bnrImg, .singapore-banner .large_bnrImg{
margin-top: 0;
}
.switzerland-banner .bnr-content-bg{
top: 70px;
}
.singapore-banner .bnr-content-bg{
height: 450px;
}
.scandinavia-banner .large_bnrImg{
margin-top: 7%;
}
@media (max-width: 1360px) {
.bnr-content-bg {
width: 800px;
}
.content-wrap h1 {
font-size: 4rem;
top: 120px;
}
}
@media (max-width: 1299px) {
.bnr-content-bg {
width: 750px;
height: 300px;
}
.content-wrap h1 {
font-size: 3.5rem;
top: 130px;
width: auto;
max-width: 700px;
}
}
@media (max-width: 1200px) {
.bnr-content-bg {
width: 700px;
height: 300px;
}
.content-wrap h1 {
font-size: 3.3rem;
top: 120px;
width: auto;
max-width: 600px;
}
}
@media (max-width: 1100px) {
.bnr-content-bg {
width: 620px;
}
.content-wrap h1 {
font-size: 2.8rem;
width: auto;
max-width: 510px;
top: 120px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.asstes-sec .img_Cnt p {
font-size: 18px;
}
.asstes-sec .img_Cnt strong {
font-size: 24px;
}
.asstes-sec h2 {
font-size: 2.5rem;
}
.top-title h3 {
font-size: 26px;
}
.platform-cnt {
max-width: 165px;
}
.platform-box .comming-soon {
padding: 2px 5px;
font-size: 12px;
}
.platform-box h4 {
font-size: 26px;
}
.who-are_sec h2 {
font-size: 2.5rem;
}
.bankers-box h4 {
font-size: 26px;
line-height: 34px;
max-width: 100%;
}
.common-cd-row li h4 {
font-size: 1.8rem;
}
.common-cd-row li {
width: 19%;
padding: 50px 15px 30px 15px;
}
.comment-box p {
font-size: 14px;
}
.our-clients_sec .top-title strong {
font-size: 24px;
}
.chartered-group-bg h2 {
font-size: 2.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 2.5rem;
}
.ftr-bg h3 {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 250px;
}
}
@media (max-width: 992px) {
.bnr-content-bg {
width: 600px;
}
.content-wrap h1 {
font-size: 2.4rem;
width: 500px;
top: 110px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec h2 {
font-size: 2rem;
margin-top: 0;
margin-bottom: 25px;
}
.who-are_sec h2 {
font-size: 2rem;
}
.top-title {
max-width: 100%;
}
.top-title h3 {
font-size: 24px;
}
.top-title p {
font-size: 14px;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
min-height: 250px;
}
.bankers-box h4 {
font-size: 22px;
line-height: normal;
max-width: 100%;
}
.comment-box {
max-width: 50%;
}
.advantage_sec .advantage-img-box {
text-align: center;
}
.advantage_sec .advantage-img-box img {
max-width: 100%;
}
.chartered-group-bg h2 {
font-size: 2rem;
}
.chartered-group-bg img {
max-width: 200px;
}
.above-ftr-row .aboveLinks strong {
font-size: 14px;
}
.above-ftr-row .aboveLinks li {
margin-top: 0;
}
.above-ftr-row .aboveLinks a {
font-size: 12px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
.ftr-bg h3 {
font-size: 28px;
}
.ftr-bg a i {
font-size: 40px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 2rem;
}
.common-cd-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.common-cd-row.cd-row1 li:first-child {
width: 100%;
flex: 100%;
margin: 0;
padding: 0;
}
.common-cd-row li {
width: 23.5%;
padding: 30px 15px 20px;
}
ul.common-cd-row.cd-row2 li {
width: 23.5%;
}
.common-cd-row.cd-row2 li:last-child {
width: 48.5%;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.platform-box {
margin-top: 0;
margin-bottom: 30px;
}
.bankers-sec {
padding-top: 0px;
}
.since-here-sec {
margin: 50px 0;
}
.platform-box h4 {
font-size: 24px;
}
}
@media (max-width: 800px) {
.bnr-content-bg {
width: 480px;
height: 255px;
}
.content-wrap h1 {
font-size: 2.2rem;
width: 430px;
top: 70px;
}
}
@media (max-width: 767px) {
.bnr-content-bg {
width: 480px;
height: 220px;
top: 35px;
}
.singapore-banner .bnr-content-bg {
height: 220px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 2.2rem;
width: 430px;
top: 70px;
left: 5%;
}
.laptop-sec .laptop_Cnt {
margin-left: 0;
margin-top: 50px;
}
.chartered-group-Cnt {
margin-top: 40px;
max-width: 100%;
}
.chartered-group-bg p {
font-size: 14px;
}
.top-title h3 {
font-size: 20px;
}
.top-title p {
font-size: 13px;
}
.who-are_sec .top-title {
max-width: 100%;
margin-top: 20px;
}
.who-are_sec h2 {
font-size: 1.5rem;
}
.platform-cnt {
max-width: 100%;
}
.asstes-sec .img_Cnt {
max-width: 80%;
left: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 14px;
}
.asstes-sec .img_Cnt strong {
font-size: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 100%;
}
.our-clients_sec .top-title strong {
font-size: 20px;
}
.ftr-bg h3 {
font-size: 24px;
}
.ftrLeft-Sec img {
max-width: 150px;
}
.common-cd-row li {
width: 48.6%;
}
ul.common-cd-row.cd-row2 li {
width: 48.6%;
}
.common-cd-row.cd-row2 li:last-child {
width: 100%;
}
.above-ftr-row .aboveLinks {
flex: 50%;
}
.laptop-sec {
padding: 50px 0 30px;
}
.asstes-sec h2 {
font-size: 1.5rem;
}
.bankers-box h4 {
font-size: 20px;
}
.bankers-box p {
font-size: 13px;
}
.chartered-group-bg h2 {
font-size: 1.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 1.5rem;
}
.copyright p {
margin-top: 40px;
}
.news-box-large .Imgblk {
flex: 100%;
}
.news-box-large .Imgblk img {
border-radius: 10px 10px 0 0;
height: 100%;
}
.news-box-large .newDtl {
border-radius: 0 0 10px 10px;
height: 100%;
}
.above-ftr-row .aboveLinks strong {
font-size: 15px;
}
.above-ftr-row .aboveLinks a {
font-size: 13px;
}
.platform-box h4 {
font-size: 22px;
}
.ready-transform-sec {
margin-top: 60px;
}
}
@media (max-width: 640px) {
.bnr-content-bg {
width: 70%;
left: 0;
height: 200px;
}
.singapore-banner .bnr-content-bg{
height: 200px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.8rem;
width: 60%;
top: 60px;
left: 15px;
}
.common-cd-row li {
width: 100%;
}
ul.common-cd-row.cd-row2 li {
width: 100%;
}
.cl-comment-row {
display: flex;
margin-top: 50px;
flex-wrap: wrap;
}
.comment-box {
max-width: 100%;
margin: 20px 0 0;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 13px;
}
}
@media (max-width: 540px) {
.bnr-content-bg {
width: 70%;
left: 0;
height: 150px;
}
.singapore-banner .bnr-content-bg{
height: 150px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.5rem;
width: 55%;
top: 60px;
left: 15px;
}
}
@media (max-width: 480px) {
.bnr-content-bg {
width: 60%;
left: 0;
height: 120px;
}
.singapore-banner .bnr-content-bg{
height: 120px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1.3rem;
width: 50%;
top: 50px;
left: 15px;
}
.above-ftr-row .aboveLinks {
flex: 100%;
}
.asstes-sec h2 {
font-size: 1.5rem;
}
.who-are_sec h2 {
font-size: 1.5rem;
}
.chartered-group-bg img {
max-width: 150px;
}
.chartered-group-bg h2 {
font-size: 1.5rem;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 1.5rem;
}
}
@media (max-width: 376px) {
.bnr-content-bg {
width: 60%;
left: 0;
height: 120px;
}
.singapore-banner .bnr-content-bg{
height: 120px;
}
.switzerland-banner .bnr-content-bg {
top: 30px;
}
.content-wrap h1 {
font-size: 1rem;
width: 50%;
top: 45px;
left: 30px;
}
}
/*add new css 17-9-2025*/
#id_selection {
right: 0;
}
#id_selection #id_selection_btn {
background-position: left +40px bottom +15px;
background-size: 120px;
border-radius: 0;
text-align: center;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
padding: 15px 20px 35px 15px;
}
.bnr-content-bg {
box-shadow: 0px 5px 7px 0px #777;
}
.content-wrap h1 {
text-shadow: 1px 1px 5px rgba(0,0,0,.7);
font-weight: 700;
}
#id_selection #id_selection_btn:Hover {
background-position: right +30px bottom +15px;
}
.laptop-sec .laptop_Cnt {
padding-left: 20px;
}
.laptop-sec .laptop_Cnt p {
letter-spacing: normal;
font-size: 18px;
line-height: 28px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 15px;
font-size: 40px;
}
.asstes-sec .assets-img{
position: relative;
}
.asstes-sec .assets-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(19, 21, 22, 0.8);
border-radius: 10px;
}
.asstes-sec .img_Cnt {
max-width: 490px;
bottom: 40px;
}
.asstes-sec .img_Cnt p {
font-size: 30px;
letter-spacing: normal;
}
.asstes-sec .img_Cnt strong {
font-size: 50px;
font-weight: 800;
}
.asstes-sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.who-are_sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.top-title {
max-width: 100%;
}
.top-title strong {
color: #181A1B;
}
p, .module ul li {
letter-spacing: normal;
}
.what-apart-sec .top-title {
max-width: 653px;
}
.what-apart-sec .top-title p {
margin-bottom: 10px;
}
.platform-box {
min-height: 310px;
border-radius: 8px;
}
.platform-box .comming-soon {
background: #FF6800;
color: #fff;
border-radius: 20px;
padding: 6px 10px 4px 10px;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
/*.platform-box.last-box {
background: #131516;
}
.platform-box.last-box:hover {
background: #0098D6;
}*/
.who-are_sec .top-title {
max-width: 100%;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
border-radius: 8px;
padding: 20px 40px 20px 25px;
min-height: 300px;
transition: all 500ms;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 16px;
transition: all 500ms;
}
.bankers-box h4{
transition: all 500ms;
}
.bankers-box:hover{
background: #000;
}
.bankers-box:hover h4,
.bankers-box:hover p{
color: #fff;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox:hover {
background: #fff;
}
.banker-lastbox:hover h4,
.banker-lastbox:hover strong {
color: #000;
}
.common-cd-row li{
transition: all 500ms;
}
.common-cd-row.cd-row1 li:first-child {
display: flex;
align-items: center;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 3rem;
font-weight: 800;
}
.common-cd-row.cd-row1 li:nth-child(2):hover {
background: #434373;
}
.common-cd-row.cd-row1 li:nth-child(3):hover {
background: #15b7ff;
}
.common-cd-row.cd-row1 li:nth-child(4):hover {
background: #17171c;
}
.common-cd-row.cd-row1 li:nth-child(5):hover {
background: #de226a;
}
.common-cd-row.cd-row2 li:first-child:hover {
background: #1ecb00;
}
.common-cd-row.cd-row2 li:nth-child(2):hover {
background: #FF6800;
}
.common-cd-row.cd-row2 li:last-child:hover {
background: #7272e5;
}
.common-cd-row li:hover p,
.common-cd-row li:hover h4{
color: #fff;
}
.common-cd-row li .normal-Img {
display: block;
}
.common-cd-row li .hover-Img {
display: none;
}
.common-cd-row li:hover .normal-Img {
display: none;
}
.common-cd-row li:hover .hover-Img {
display: block;
}
.advantage_sec .top-title h3 {
text-transform: uppercase;
font-size: 42px;
}
.advantage_sec .top-title p {
font-size: 22px;
line-height: 32px;
max-width: 388px;
font-weight: 500;
}
.advantage_sec .advantage-img-box {
text-align: center;
margin-top: 60px;
}
.advantage_sec ul {
list-style: disc;
margin-left: 20px;
margin-top: 30px;
}
.advantage_sec ul li {
margin: 0 0 10px 0;
}
.news-box {
border: 1px solid #e5e3e3;
border-radius: 0;
height: 100%;
}
.news-box .Imgblk img {
border-radius: 0;
}
.news-box .newDtl {
font-size: 16px;
font-weight: 600;
}
.news-box-large {
border-radius: 0;
}
.news-box-large .Imgblk img {
border-radius: 0;
}
.news-box-large .newDtl {
border-radius: 0;
padding: 30px 30px;
max-width: 400px;
}
.news-box .newDtl p {
font-size: 16px;
font-weight: 600;
line-height: normal;
color: #181A1B;
margin: 10px 0 10px;
}
.news-box-large .newDtl strong {
color: #fff;
}
.news-box-large .newDtl p {
color: #fff;
line-height: normal;
margin: 30px 0 0;
}
.view-btn {
background: #fff;
padding: 8px 30px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
display: table;
margin: 0 auto;
border: 1px solid #181A1B;
color: #181A1B;
}
.view-btn:hover:hover {
color: #fff;
background: #181A1B;
}
.ready-transform-sec {
border-radius: 20px;
box-shadow: 0px 1px 3px 0px #777;
padding: 200px 0 300px;
position: relative;
}
.ready-transform-sec::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.7);
border-radius: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
position: relative;
left: 18%;
text-align: center;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 30px;
line-height: normal;
text-align: center;
margin-bottom: 30px;
}
.ready-transform-sec .ready-Cnt a {
background: #fff;
padding: 12px 35px;
color: #181A1B;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #181A1B;
color: #fff;
}
.map-sec img {
border-radius: 20px;
margin-top: 30px;
box-shadow: 0px 5px 7px 0px #777;
}
.frame-type-cig_slide_text{
position: relative;
}
.benefits-sec p{
display: contents;
}
/*add new css 17-9-2025*/
#id_selection #id_selection_btn {
background-position: left +40px bottom +15px;
background-size: 120px;
border-radius: 0;
text-align: center;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 600;
padding: 15px 20px 35px 15px;
}
.bnr-content-bg {
box-shadow: 0px 5px 7px 0px #777;
}
.content-wrap h1 {
text-shadow: 1px 1px 5px rgba(0,0,0,.7);
font-weight: 700;
}
#id_selection #id_selection_btn:Hover {
background-position: right +30px bottom +15px;
}
.laptop-sec .laptop_Cnt {
padding-left: 20px;
}
.laptop-sec .laptop_Cnt p {
letter-spacing: normal;
font-size: 18px;
line-height: 28px;
}
.laptop-sec .laptop_Cnt h4 {
margin-bottom: 15px;
font-size: 40px;
}
.asstes-sec .assets-img{
position: relative;
}
.asstes-sec .assets-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(19, 21, 22, 0.8);
border-radius: 10px;
}
.asstes-sec .img_Cnt {
max-width: 490px;
bottom: 40px;
}
.asstes-sec .img_Cnt p {
font-size: 30px;
letter-spacing: normal;
}
.asstes-sec .img_Cnt strong {
font-size: 40px;
font-weight: 800;
}
.asstes-sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.who-are_sec h2 {
font-weight: 800;
line-height: 70px;
letter-spacing: -2px;
}
.top-title {
max-width: 100%;
}
.top-title strong {
color: #181A1B;
}
p, .module ul li {
letter-spacing: normal;
}
.what-apart-sec .top-title {
max-width: 700px;
}
.what-apart-sec .top-title p {
margin-bottom: 10px;
}
.platform-box {
min-height: 310px;
border-radius: 8px;
}
.platform-box .comming-soon {
background: #FF6800;
color: #fff;
border-radius: 20px;
padding: 6px 10px 4px 10px;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
/*.platform-box.last-box {
background: #131516;
}
.platform-box.last-box:hover {
background: #0098D6;
}*/
.who-are_sec .top-title {
max-width: 100%;
}
.bankers-sec .top-title {
max-width: 100%;
}
.bankers-box {
border-radius: 8px;
padding: 20px 40px 20px 25px;
min-height: 300px;
transition: all 500ms;
}
.bankers-box p {
margin-bottom: 10px;
font-size: 16px;
transition: all 500ms;
}
.bankers-box h4{
transition: all 500ms;
}
.bankers-box:hover{
background: #000;
}
.bankers-box:hover h4,
.bankers-box:hover p{
color: #fff;
}
.banker-lastbox {
background: #000;
}
.banker-lastbox:hover {
background: #fff;
}
.banker-lastbox:hover h4,
.banker-lastbox:hover strong {
color: #000;
}
.common-cd-row li{
transition: all 500ms;
}
.common-cd-row.cd-row1 li:first-child {
display: flex;
align-items: center;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 3rem;
font-weight: 800;
}
.common-cd-row.cd-row1 li:nth-child(2):hover {
background: #434373;
}
.common-cd-row.cd-row1 li:nth-child(3):hover {
background: #15b7ff;
}
.common-cd-row.cd-row1 li:nth-child(4):hover {
background: #17171c;
}
.common-cd-row.cd-row1 li:nth-child(5):hover {
background: #de226a;
}
.common-cd-row.cd-row2 li:first-child:hover {
background: #1ecb00;
}
.common-cd-row.cd-row2 li:nth-child(2):hover {
background: #FF6800;
}
.common-cd-row.cd-row2 li:last-child:hover {
background: #7272e5;
}
.common-cd-row li:hover p,
.common-cd-row li:hover h4{
color: #fff;
}
.common-cd-row li .normal-Img {
display: block;
}
.common-cd-row li .hover-Img {
display: none;
}
.common-cd-row li:hover .normal-Img {
display: none;
}
.common-cd-row li:hover .hover-Img {
display: block;
}
.advantage_sec .top-title{
border: 0;
}
.advantage_sec .top-title h3 {
text-transform: uppercase;
font-size: 42px;
margin-bottom: 20px;
}
.advantage_sec .top-title p {
font-size: 20px;
line-height: 30px;
max-width: 388px;
font-weight: 500;
border-left: 4px solid #FF6800;
padding-left: 15px;
}
.benefits-sec .advantage-img-box {
text-align: center;
margin-top: 0;
}
.benefits-sec {
padding: 0;
margin: 70px 0;
}
.benefits-sec .top-title {
border: 0;
padding: 0;
margin: 0;
}
.benefits-sec ul {
list-style: disc;
margin-left: 20px;
margin-top: 10px;
max-width: 450px;
}
.benefits-sec ul li {
margin: 0 0 5px 0;
}
.news-box {
border: 1px solid #e5e3e3;
border-radius: 0;
height: 100%;
}
.news-box .Imgblk img {
border-radius: 0;
}
.news-box .newDtl {
font-size: 16px;
font-weight: 600;
}
.news-box-large {
border-radius: 0;
}
.news-box-large .Imgblk img {
border-radius: 0;
}
.news-box-large .newDtl {
border-radius: 0;
padding: 30px 30px;
max-width: 400px;
}
.news-box .newDtl p {
font-size: 16px;
font-weight: 600;
line-height: normal;
color: #181A1B;
margin: 10px 0 10px;
}
.news-box-large .newDtl strong {
color: #fff;
}
.news-box-large .newDtl p {
color: #fff;
line-height: normal;
margin: 30px 0 0;
}
.view-btn {
background: #fff;
padding: 8px 30px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
display: table;
margin: 0 auto;
border: 1px solid #181A1B;
color: #181A1B;
}
.view-btn:hover:hover {
color: #fff;
background: #181A1B;
}
.ready-transform-sec {
border-radius: 20px;
box-shadow: 0px 1px 3px 0px #777;
padding: 200px 0 300px;
position: relative;
}
.ready-transform-sec::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.7);
border-radius: 20px;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
position: relative;
left: 18%;
text-align: center;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 30px;
line-height: normal;
text-align: center;
margin-bottom: 30px;
}
.ready-transform-sec .ready-Cnt a {
background: #fff;
padding: 12px 35px;
color: #181A1B;
border-radius: 50px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.ready-transform-sec .ready-Cnt a:hover {
background: #181A1B;
color: #fff;
}
.map-sec img {
border-radius: 20px;
margin-top: 30px;
box-shadow: 0px 5px 7px 0px #777;
}
.knowledge-sec {
position: relative;
color: #fff;
padding-bottom: 40px;
}
.know-bgImg h3 {
text-transform: uppercase;
font-size: 42px;
font-weight: 800;
color: #fff;
margin-bottom: 10px;
line-height: normal;
}
.know-bgImg p {
font-size: 14px;
color: #eee;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 24px;
}
.know-bgImg p strong {
color: #fff;
display: block;
font-family: "Inter", sans-serif;
font-weight: 700;
font-style: normal;
}
.know-bgImg ul {
margin-bottom: 30px;
max-width: 650px;
}
.know-bgImg ul li {
display: flex;
align-items: self-start;
}
.know-bgImg ul li p {
flex: 1;
}
.know-bgImg ul li span {
margin-right: 30px;
max-width: 80px;
margin-top: 10px;
}
.know-bgImg {
width: 100%;
background: url(../images/know-img.png);
background-size: cover;
border-radius: 10px;
padding: 100px 0 50px;
}
.regiter-btn{
text-decoration: none;
display: inline-block;
font-size: .9rem;
font-weight: 600;
color: #fff;
padding: 4px 12px;
background: #2BC8EA;
transition: all 500ms;
border-radius: 7px;
}
.regiter-btn:hover{
color: #fff;
background: #1096d0;
}
.news-box .Imgblk, .news-box-large .Imgblk {
display: block;
position: relative;
}
.news-box .Imgblk::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 152, 214, 0.6);
}
.news-box-large .Imgblk::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.6);
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal {
z-index: 9999;
padding-top: 0;
background-color: rgba(0,0,0,0.6);
}
.modal .modal-content {
background-color: #131516;
margin: auto;
padding: 20px 40px 40px;
border: 0;
width: auto;
border-radius: 6px;
max-width: 800px;
}
.modal .modal-content span.close {
position: absolute;
top: 50px;
right: 30px;
font-size: 14px;
background: #B1C60A;
color: #F4F4F4;
padding: 4px 15px;
border-radius: 8px;
}
.modal .modal-content .topsec .popup-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
max-width: 150px;
}
.circle-box {
display: inline-block;
margin: 10px 0 0;
}
.circle-box img{
max-width: 100px;
}
.insurance-sec {
display: flex;
margin-top: 30px;
}
.insurance-sec h3 {
color: #fff;
text-align: right;
border-right: 3px solid #B1C60A;
padding-right: 15px;
margin-right: 15px;
font-size: 26px;
line-height: normal;
max-width: 230px;
}
.insurance-sec p {
color: #fff;
font-size: 14px;
margin-top: auto;
flex: 1;
}
.list-sec-wrap {
display: flex;
}
.list-sec-wrap ul {
flex: 1;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 15px;
}
.list-sec-wrap ul li, .list-sec-wrap ul li p{
color: #fff;
margin-bottom: 20px;
font-size: 14px;
}
.list-sec-wrap ul li strong {
color: #B1C60A;
display: block;
}
.list-sec-wrap span {
max-width: 230px;
margin-top: 30px;
}
.pop-ftr-sec{
display: flex;
}
.pop-ftr-sec h3{
color: #fff;
font-size: 26px;
line-height: normal;
}
.pop-ftr-sec p {
color: #fff;
font-size: 14px;
}
.pop-ftr-sec div {
flex: 1;
margin-bottom: 40px;
margin-right: 50px;
margin-left: 50px;
max-width: 255px;
}
.pop-ftr-sec .macImg{
margin-bottom: 40px;
}
.pop-ftr-sec .macImg img{
max-width: 250px;
}
.popup-visit-btn {
display: table;
margin: 0 auto;
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
padding: 5px 20px;
}
.popup-visit-btn:hover {
background: #fff;
color: #333;
}
.map-sec #map_overlay {
width: 100%;
position: absolute;
right: 70px;
top: 50%;
z-index: 99;
padding: 0;
text-align: right;
transform: translateY(-50%);
}
.map-sec #map_overlay h2 {
font-size: 64px;
font-weight: 800;
text-align: right;
letter-spacing: 0;
margin-bottom: 0;
}
.partners-slider .slider-items img {
max-width: 100%;
filter: contrast(0);
}
.partners-slider .slider-items:hover img {
cursor: pointer;
}
.partners-slider .slider-items {
margin: 0;
display: flex !important;
justify-content: center;
align-items: center;
}
@media (max-width: 1100px) {
#id_selection #id_selection_btn {
background-position: left +45px bottom +15px;
background-size: 100px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.laptop-sec .laptop_Cnt p {
font-size: 16px;
line-height: 24px;
}
.asstes-sec .img_Cnt p {
font-size: 24px;
}
.asstes-sec .img_Cnt strong {
font-size: 34px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 2.3rem;
line-height: 44px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2.5rem;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.common-cd-row li img {
height: 40px;
width: auto;
}
.our-clients_sec .top-title strong {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 36px;
}
.advantage_sec .top-title p {
font-size: 18px;
line-height: 26px;
max-width: 100%;
}
.benefits-sec ul {
max-width: 100%;
}
.benefits-sec ul li {
font-size: 15px;
}
.know-bgImg h3 {
font-size: 36px;
}
.know-bgImg ul {
max-width: 100%;
}
.know-bgImg ul li span {
margin-right: 20px;
max-width: 50px;
}
.know-bgImg p {
font-size: 12px;
line-height: 20px;
}
.news-box .newDtl strong {
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
}
.view-btn {
font-size: 16px;
}
.news-box-large .newDtl p, .news-box-large .newDtl strong {
font-size: 14px;
}
.ready-transform-sec {
padding: 150px 0 150px;
}
.ftr-bg h3 {
font-size: 26px;
}
.ftrLeft-Sec img {
max-width: 230px;
}
.ftr-bg a i {
font-size: 40px;
}
.bankers-box h4 {
font-size: 24px;
line-height: 30px;
}
.bankers-box p {
font-size: 14px;
line-height: 22px;
}
.banker-lastbox strong {
font-size: 20px;
line-height: normal;
}
}
@media (max-width: 992px) {
}
@media (max-width: 800px) {
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
line-height: 22px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.8rem;
line-height: 44px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt {
max-width: 90%;
}
.asstes-sec .img_Cnt strong {
font-size: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 20px;
}
.what-apart-sec .top-title {
max-width: 100%;
}
.platform-box {
margin-top: 25px;
margin-bottom: 0;
min-height: 260px;
}
.platform-cnt {
max-width: 100%;
}
.platform-box.last-box .platform-cnt {
max-width: 100%;
}
.platform-box img {
max-width: 120px;
}
.platform-box h4 {
font-size: 22px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2rem;
}
.advantage_sec .top-title h3 {
font-size: 28px;
}
.advantage_sec .top-title p {
font-size: 15px;
line-height: 20px;
}
.advantage_sec .advantage-img-box {
margin-bottom: 30px;
}
.benefits-sec ul li {
font-size: 14px;
}
.knowledge-sec {
padding-bottom: 0;
}
.know-bgImg {
padding: 70px 20px 50px;
}
.know-bgImg h3 {
font-size: 30px;
}
.know-bgImg h3 br {
display: none;
}
.know-bgImg p {
font-size: 13px;
line-height: 20px;
}
.ready-transform-sec {
padding: 100px 0;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
left: auto;
margin: 0 auto;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 26px;
}
.ftr-bg h3 {
font-size: 22px;
}
.ftr-bg a i {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
}
@media (max-width: 767px) {
#id_selection #id_selection_btn {
background-position: left +22px bottom +10px;
background-size: 80px;
font-size: 14px;
padding: 10px 20px 25px 15px;
}
#id_selection #id_selection_btn:Hover {
background-position: right +15px bottom +10px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.5rem;
line-height: 34px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec .img_Cnt strong {
font-size: 26px;
}
.advantage_sec .top-title h3 {
font-size: 26px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 22px;
}
.bankers-box {
min-height: 240px;
}
.our-clients_sec .top-title strong {
font-size: 18px;
}
.know-bgImg h3 {
font-size: 26px;
}
.know-bgImg {
padding: 50px 5px 50px;
}
.know-bgImg ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: start;
}
.know-bgImg ul li p {
flex: 100%;
}
.know-bgImg ul li span {
margin-right: 0;
max-width: 51px;
margin-bottom: 10px;
}
.ready-transform-sec {
padding: 70px 0;
}
.benefits-sec {
padding: 0;
margin: 50px 0 0;
}
.know-bgImg{
position: relative;
}
/*.know-bgImg::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}*/
.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 70px;
}
.modal .modal-content .topsec .popup-logo {
max-width: 120px;
}
.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec h3 {
font-size: 20px;
max-width: 150px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
}
.list-sec-wrap span {
max-width: 150px;
margin-top: 30px;
}
.list-sec-wrap ul {
margin-bottom: 15px;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec {
display: flex;
justify-content: center;
}
.pop-ftr-sec div {
margin-right: 30px;
margin-left: 0;
max-width: 210px;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.pop-ftr-sec .macImg {
margin-bottom: 0;
}
.popup-visit-btn {
font-size: 15px;
}
}
@media (max-width: 480px) {
.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 68px;
}
.modal .modal-content .topsec .popup-logo {
max-width: 100px;
}
.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec, .list-sec-wrap, .pop-ftr-sec {
flex-wrap: wrap;
width: 100%;
}
.insurance-sec h3 {
font-size: 18px;
max-width: 100%;
text-align: left;
border-right: 0;
border-left: 3px solid #B1C60A;
padding-left: 10px;
padding-right: 0;
margin-bottom: 12px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
}
.list-sec-wrap span {
max-width: 100%;
margin-top: 30px;
display: block;
text-align: center;
}
.list-sec-wrap span img {
max-width: 80%;
}
.list-sec-wrap ul {
margin-bottom: 15px;
margin-left: 0;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
}
.pop-ftr-sec div {
margin-right: 20px;
margin-left: 0;
max-width: 100%;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
text-align: center;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
text-align: center;
}
.pop-ftr-sec .macImg {
margin-bottom: 40px;
width: 100%;
text-align: center;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.popup-visit-btn {
font-size: 14px;
}
}
@import url('https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap');
/*.special-gothic-expanded-one-regular {
font-family: "Special Gothic Expanded One", sans-serif;
font-weight: 400;
font-style: normal;
}*/
.content-wrap h1{
font-family: "Special Gothic Expanded One", sans-serif;
font-weight: 600;
font-style: normal;
}
.asstes-sec h2,
.who-are_sec h2,
.advantage_sec .top-title h3,
.know-bgImg h3,
.map-sec #map_overlay h2 {
font-family: "Special Gothic Expanded One", sans-serif;
font-style: normal;
font-weight: 700;
}
.advantage_sec .top-title h3, .know-bgImg h3 {
font-family: "Special Gothic Expanded One", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 50px;
}
.top-title h3 {
font-size: 34px;
}
.news-box-large .Imgblk::before,
.news-box .Imgblk::before {
transition: all 500ms;
}
.news-box-large .Imgblk:hover::before,
.news-box .Imgblk:hover::before{
display: none;
opacity: 0;
}
.news-box-large .Imgblk:hover,
.news-box .Imgblk:hover{
cursor: pointer;
}
.platform-box:hover{
background: #0098D6;
cursor: pointer;
}
.platform-box:hover h4{
color: #fff;
}
.platform-box.last-box:hover {
background: #0098D6;
cursor: pointer;
}
.search-box i {
padding: 6px 10px 5px;
font-size: 18px;
font-weight: bold;
}
.light-green:hover{
background: #B1C60A;
cursor: pointer;
}
.yellow:hover{
background: #FFED00;
cursor: pointer;
}
.copper:hover{
background: #B88161;
cursor: pointer;
}
.purple:hover{
background: #BF3EFF;
cursor: pointer;
}
.opus-prime:hover{
background: #917E52;
cursor: pointer;
}
@media (max-width: 1100px) {
.top-title h3 {
font-size: 30px;
}
.map-sec #map_overlay h2 {
font-size: 55px;
}
#id_selection #id_selection_btn {
background-position: left +45px bottom +15px;
background-size: 100px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 28px;
}
.laptop-sec .laptop_Cnt p {
font-size: 16px;
line-height: 24px;
}
.asstes-sec .img_Cnt p {
font-size: 24px;
}
.asstes-sec .img_Cnt strong {
font-size: 34px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 2.3rem;
line-height: 44px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2.5rem;
}
.common-cd-row li h4 {
font-size: 1.5rem;
}
.common-cd-row li p {
font-size: 13px;
}
.common-cd-row li img {
height: 40px;
width: auto;
}
.our-clients_sec .top-title strong {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 36px;
}
.advantage_sec .top-title p {
font-size: 18px;
line-height: 26px;
max-width: 100%;
}
.benefits-sec ul {
max-width: 100%;
}
.benefits-sec ul li {
font-size: 15px;
}
.know-bgImg h3 {
font-size: 36px;
}
.know-bgImg ul {
max-width: 100%;
}
.know-bgImg ul li span {
margin-right: 20px;
max-width: 50px;
}
.know-bgImg p {
font-size: 12px;
line-height: 20px;
}
.news-box .newDtl strong {
font-size: 14px;
}
.news-box .newDtl p {
font-size: 14px;
}
.view-btn {
font-size: 16px;
}
.news-box-large .newDtl p, .news-box-large .newDtl strong {
font-size: 14px;
}
.ready-transform-sec {
padding: 150px 0 150px;
}
.ftr-bg h3 {
font-size: 26px;
}
.ftrLeft-Sec img {
max-width: 230px;
}
.ftr-bg a i {
font-size: 40px;
}
.bankers-box h4 {
font-size: 24px;
line-height: 30px;
}
.bankers-box p {
font-size: 14px;
line-height: 22px;
}
.banker-lastbox strong {
font-size: 20px;
line-height: normal;
}
}
@media (max-width: 992px) {
.top-title h3 {
font-size: 24px;
}
}
@media (max-width: 800px) {
.map-sec #map_overlay h2 {
font-size: 44px;
}
.laptop-sec .laptop_Cnt h4 {
font-size: 20px;
}
.laptop-sec .laptop_Cnt p {
font-size: 14px;
line-height: 22px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.8rem;
line-height: 44px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt {
max-width: 90%;
}
.asstes-sec .img_Cnt strong {
font-size: 30px;
}
.asstes-sec .img_Cnt p {
font-size: 20px;
}
.what-apart-sec .top-title {
max-width: 100%;
}
.platform-box {
margin-top: 25px;
margin-bottom: 0;
min-height: 260px;
}
.platform-cnt {
max-width: 100%;
}
.platform-box.last-box .platform-cnt {
max-width: 100%;
}
.platform-box img {
max-width: 120px;
}
.platform-box h4 {
font-size: 24px;
}
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 2rem;
}
.advantage_sec .top-title h3 {
font-size: 28px;
}
.advantage_sec .top-title p {
font-size: 15px;
line-height: 20px;
}
.advantage_sec .advantage-img-box {
margin-bottom: 30px;
}
.benefits-sec ul li {
font-size: 14px;
}
.knowledge-sec {
padding-bottom: 0;
}
.know-bgImg {
padding: 70px 20px 50px;
}
.know-bgImg h3 {
font-size: 30px;
}
.know-bgImg h3 br {
display: none;
}
.know-bgImg p {
font-size: 13px;
line-height: 20px;
}
.ready-transform-sec {
padding: 100px 0;
}
.ready-transform-sec .ready-Cnt {
max-width: 500px;
left: auto;
margin: 0 auto;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 26px;
}
.ftr-bg h3 {
font-size: 22px;
}
.ftr-bg a i {
font-size: 34px;
}
.ftrLeft-Sec img {
max-width: 200px;
}
}
@media (max-width: 767px) {
.common-cd-row.cd-row1 li:first-child h4 {
font-size: 24px;
}
.map-sec #map_overlay h2 {
font-size: 32px;
}
.news-box-large .newDtl {
max-width: 100%;
}
#id_selection #id_selection_btn {
background-position: left +22px bottom +10px;
background-size: 80px;
font-size: 14px;
padding: 10px 20px 25px 15px;
}
#id_selection #id_selection_btn:Hover {
background-position: right +15px bottom +10px;
}
.asstes-sec h2, .who-are_sec h2 {
font-size: 1.5rem;
line-height: 34px;
margin-bottom: 15px;
}
.asstes-sec .img_Cnt p {
font-size: 16px;
}
.asstes-sec .img_Cnt strong {
font-size: 26px;
}
.ready-transform-sec .ready-Cnt h2 {
font-size: 22px;
}
.bankers-box {
min-height: 240px;
}
.our-clients_sec .top-title strong {
font-size: 18px;
}
.know-bgImg h3 {
font-size: 26px;
}
.know-bgImg {
padding: 50px 5px 50px;
margin: 0;
}
.know-bgImg ul li {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: start;
}
.know-bgImg ul li p {
flex: 100%;
}
.know-bgImg ul li span {
margin-right: 0;
max-width: 51px;
margin-bottom: 10px;
}
.ready-transform-sec {
padding: 70px 0;
}
.benefits-sec {
padding: 0;
margin: 50px 0 0;
}
.know-bgImg{
position: relative;
}
/*.know-bgImg::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
position: absolute;
left: 0;
top: 0;
z-index: 0;
}*/
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 70px;
}
#myModal.modal .modal-content .topsec .popup-logo {
max-width: 120px;
}
#myModal.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec h3 {
font-size: 20px;
max-width: 150px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
}
.list-sec-wrap span {
max-width: 150px;
margin-top: 30px;
}
.list-sec-wrap ul {
margin-bottom: 15px;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec {
display: flex;
justify-content: center;
}
.pop-ftr-sec div {
margin-right: 30px;
margin-left: 0;
max-width: 210px;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.pop-ftr-sec .macImg {
margin-bottom: 0;
}
.popup-visit-btn {
font-size: 15px;
}
.top-title h3 {
font-size: 22px;
}
}
@media (max-width: 480px) {
.top-title h3 {
font-size: 22px;
}
.advantage_sec .top-title h3 {
font-size: 26px;
}
.map-sec #map_overlay {
right: 30px;
bottom: 30px;
}
.map-sec #map_overlay h2 {
font-size: 24px;
}
#myModal.modal .modal-content {
padding: 20px 15px 30px;
border-radius: 6px;
max-width: 100%;
}
.circle-box img {
max-width: 68px;
}
#myModal.modal .modal-content .topsec .popup-logo {
max-width: 100px;
}
#myModal.modal .modal-content span.close {
top: 40px;
right: 20px;
}
.insurance-sec, .list-sec-wrap, .pop-ftr-sec {
flex-wrap: wrap;
width: 100%;
}
.insurance-sec h3 {
font-size: 18px;
max-width: 100%;
text-align: left;
border-right: 0;
border-left: 3px solid #B1C60A;
padding-left: 10px;
padding-right: 0;
margin-bottom: 12px;
}
.insurance-sec p {
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
}
.list-sec-wrap span {
max-width: 100%;
margin-top: 30px;
display: block;
text-align: center;
}
.list-sec-wrap span img {
max-width: 80%;
}
.list-sec-wrap ul {
margin-bottom: 15px;
margin-left: 0;
}
.list-sec-wrap ul li {
font-size: 13px;
line-height: 18px;
margin-bottom: 12px;
}
.pop-ftr-sec div {
margin-right: 20px;
margin-left: 0;
max-width: 100%;
margin-bottom: 0;
}
.pop-ftr-sec h3 {
font-size: 20px;
line-height: normal;
margin-bottom: 10px;
text-align: center;
}
.pop-ftr-sec p {
font-size: 13px;
line-height: 18px;
text-align: center;
}
.pop-ftr-sec .macImg {
margin-bottom: 40px;
width: 100%;
text-align: center;
}
.pop-ftr-sec .macImg img {
max-width: 160px;
}
.popup-visit-btn {
font-size: 14px;
}
}
.news-box-large, .news-box {
border-radius: 10px;
}
.news-box .Imgblk img,
.news-box .Imgblk::before {
border-radius: 10px 10px 0 0;
}
.news-box-large .Imgblk img,
.news-box-large .Imgblk::before {
border-radius: 10px 0 0 10px;
}
.news-box-large .newDtl {
border-radius: 0 10px 10px 0;
}
.static-positon input[type=text] {
padding: 7px 15px 7px 30px;
}
.static-positon form button {
padding: 9px 0 0 12px !important;
}
.partners-slider .slider-items img {
max-width: 100%;
}
.sc-div { margin: 100px 0 80px 0; position: relative;}
.marquee {position: relative;}
.review-wrap ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center !important;}
.review-wrap .marquee__group li {
display: flex;
align-items: center;
justify-content: center;
}
.review-wrap .marquee__group li .client-profile { align-items: center;}
.sc-div {
--space: 2rem;
display: grid;
align-content: center;
overflow: hidden;
gap: var(--space);
width: 100%;
width: 98%;
margin-left: auto;
margin-right: auto;
}
.marquee {
--duration: 30s;
--gap: var(--space);
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: var(--gap);
/* transform: skewY(-3deg);*/
}
.review-wrap .marquee__group {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-around;
gap: var(--gap);
min-width: 100%;
-webkit-animation: scroll var(--duration) linear infinite;
animation: scroll var(--duration) linear infinite;
/* min-height: 400px; */
/* position: relative;*/
}
.side-btn {
position: fixed;
right: -59px;
top: 500px;
background: #FF6800;
color: #fff;
border-radius: 10px 10px 0 0;
padding: 7px 20px 5px 20px;
font-size: 14px;
font-weight: 500;
display: inline-block;
transform: rotate(-90deg);
box-shadow: -5px 0 9px #999;
}
.side-btn:hover {
background: #FF6800;
color: #fff;
}
@media (prefers-reduced-motion: reduce) {
.review-wrap .marquee__group {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
}
.marquee--reverse .marquee__group {
animation-direction: reverse;
-webkit-animation-delay: calc(var(--duration) / -2);
animation-delay: calc(var(--duration) / -2);
}
@-webkit-keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--gap)));
}
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - var(--gap)));
}
}
.page-header {
padding: 0;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
#id_header #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
#id_header.page-header.is-sticky #id_ci {
width: 160px;
height: 30px;
background-size: 100%;
padding: 0;
}
.page-header.is-sticky {
padding: 0;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 70px;
padding-top: 0;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 60px;
padding-top: 0px;
}
}
.ftr-bg .container{
position: relative;
}
#top_backbtn {
display: inline-block;
background-color: #FF6800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: absolute;
bottom: 510px;
right: 0;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#top_backbtn::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#top_backbtn:hover {
cursor: pointer;
background-color: #333;
}
#top_backbtn:active {
background-color: #555;
}
#top_backbtn.show {
opacity: 1;
visibility: visible;
}
/*platform css start 30-sep-25*/
.inner-banner{
margin-bottom: 100px;
}
.banner_Cnt {
display: flex;
padding: 50px 0;
justify-content: space-between;
flex-wrap: wrap;
}
.banner-text {
display: flex;
padding: 0 0;
justify-content: space-between;
flex-wrap: wrap;
}
.banner_Cnt h1 {
font-size: 50px;
color: #181A1B;
max-width: 400px;
border-left: 3px solid #FF6800;
padding-left: 12px;
letter-spacing: 0px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
}
.banner_Cnt h1 strong {
color: #FF6800;
display: block;
}
.banner_Cnt p {
font-size: 16px;
color: #181A1B;
align-self: end;
margin-left: auto;
max-width: 400px;
margin-bottom: 0;
}
.common_row {
position: relative;
align-items: center;
margin-bottom: 80px;
}
.common_row::before{
content: "";
display: block;
width: 82%;
height: 100%;
background: #181A1B;
position: absolute;
border-radius: 10px;
right: 0;
z-index: 0;
}
.common_row .zigzag_img {
position: relative;
margin: 25px 0;
width: 35%;
padding: 0;
}
.common_row .zigzag_img img {
border-radius: 10px;
}
.common_row .zigzag_img::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(177, 198, 10, 0.7);
transition: all 500ms;
border-radius: 10px;
cursor: pointer;
}
.common_row .zigzag_img:hover::before,
.common_row.row_2 .zigzag_img:hover::before,
.common_row.row_3 .zigzag_img:hover::before,
.common_row.row_4 .zigzag_img:hover::before,
.common_row.row_5 .zigzag_img:hover::before{
background: inherit;
cursor: pointer;
}
.common_row.row_2 .zigzag_img::before {
background: rgb(255 86 24 / 70%);
}
.common_row.row_3 .zigzag_img::before {
background: rgba(255, 237, 0, 0.7);
}
.common_row.row_4 .zigzag_img::before {
background: rgb(190 60 255 / 70%);
}
.common_row.row_5 .zigzag_img::before {
background: rgb(155 121 43 / 70%);
}
.common_row.row_2::before, .common_row.row_4::before {
right: auto;
left: 0;
}
.common_row.row_2 .zigzag_img,
.common_row.row_4 .zigzag_img {
margin-left: auto;
}
span.cmn-logo {
position: absolute;
z-index: 9;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
cursor: pointer;
}
span.cmn-logo img{
max-width: 120px;
}
.zigzag_cnt {
position: relative;
margin-top: auto;
width: 60%;
margin-bottom: 30px;
padding: 0 50px 0 40px;
}
.common_row .zigzag_cnt h4 {
font-size: 24px;
margin-bottom: 0;
}
.common_row .zigzag_cnt h3 {
font-size: 32px;
color: #fff;
margin-bottom: 10px;
}
.common_row .zigzag_cnt p {
font-size: 14px;
color: #fff;
margin: 0;
}
.common_row.row_1 .zigzag_cnt h4 {
color: #B1C60A;
}
.common_row.row_2 .zigzag_cnt h4 {
color: #D88161;
}
.common_row.row_3 .zigzag_cnt h4 {
color: #FFED00;
}
.common_row.row_4 .zigzag_cnt h4 {
color: #BF3EFF;
}
.common_row.row_5 .zigzag_cnt h4 {
color: #917E52;
}
.cmn-visit-btn {
background: #181A1B;
padding: 5px 20px;
border-radius: 50px;
font-size: 14px;
font-weight: 500;
border: 1px solid #fff;
color: #fff;
letter-spacing: 1px;
display: inline-block;
margin-top: 20px;
}
.cmn-visit-btn:hover {
background: #fff;
color: #181A1B;
}
@media (max-width: 1024px) {
.inner-banner {
margin-bottom: 10px;
}
.banner_Cnt h1 {
font-size: 44px;
}
.common_row .zigzag_cnt h4 {
font-size: 22px;
}
.common_row .zigzag_cnt h3 {
font-size: 26px;
}
.zigzag_cnt {
width: 60%;
padding: 0 10px 0 30px;
}
}
@media (max-width: 991px) {
.inner-banner {
margin-bottom: 0;
}
.banner_Cnt h1 {
font-size: 34px;
max-width: 350px;
}
.banner_Cnt p {
font-size: 15px;
max-width: 300px;
}
.common_row .zigzag_img {
width: 100%;
margin: 0;
}
.common_row {
margin-bottom: 50px;
padding: 20px;
}
.common_row::before {
width: 100%;
}
.zigzag_cnt {
width: 100%;
margin-bottom: 0;
padding: 30px 0 10px 0;
}
}
@media (max-width: 768px) {
.banner_Cnt h1 {
font-size: 30px;
max-width: 100%;
}
.banner_Cnt p {
font-size: 15px;
max-width: 100%;
margin-left: 0;
margin-top: 20px;
}
.common_row .zigzag_cnt h4 {
font-size: 20px;
}
.common_row .zigzag_cnt h3 {
font-size: 24px;
}
}
/*platform css End*/
.page-header {
padding: 0;
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
#id_header #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
#id_header.page-header.is-sticky #id_ci {
width: 180px;
height: 54px;
background-size: 100%;
padding: 0;
}
.page-header.is-sticky {
padding: 5px 0;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu {
top: 70px;
padding-top: 0;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .dropdown-menu {
top: 60px;
padding-top: 0px;
}
.dropdown:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
/* For nested dropdowns */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -0.5rem;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.dropdown-submenu .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateX(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.navbar-expand-lg .navbar-nav .nav-item {
padding-top: 20px;
padding-bottom: 20px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .nav-item {
padding-top: 15px;
padding-bottom: 15px;
}
}
.ftr-bg .container{
position: relative;
}
#top_backbtn {
display: inline-block;
background-color: #FF6800;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: absolute;
bottom: 480px;
right: 0;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
top: -18%;
}
#top_backbtn::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#top_backbtn:hover {
cursor: pointer;
background-color: #333;
}
#top_backbtn:active {
background-color: #555;
}
#top_backbtn.show {
opacity: 1;
visibility: visible;
}
.common_row.platform-left::before {
right: 0;
left: auto;
}
.common_row.platform-left .zigzag_img {
margin-left: 0;
}
.common_row.platform-right::before {
right: auto;
left: 0;
}
.common_row.platform-right .zigzag_img {
margin-left: auto;
}
.home-header{
position: relative;
}
.remove-background-color .ready-transform-sec::before {
background: none;
}
.remove-background-color .ready-transform-sec{
background-position: center;
}
/* Offering page css start */
.offering-bnr-sec {
margin: 30px 0 0;
}
.offering-bnr-sec h1 {
font-size: 50px;
color: #181A1B;
letter-spacing: 0px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
margin: 0;
padding: 10px 0;
line-height: normal;
}
.offering-bnr-sec h2 {
font-size: 50px;
color: #FF6800;
letter-spacing: 0px;
font-family: "Barlow Condensed", sans-serif;
font-weight: 700;
font-style: normal;
display: block;
margin: 0;
padding: 10px 25px;
background: #1E2B2D;
line-height: normal;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 35px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 28px;
font-weight: 600;
color: #1096d0;
}
.offering-bnr-sec .cmn_bnr-cnt p {
color: #181A1B;
}
.trad-sec .trad-img {
position: relative;
}
.trad-sec .trad-img::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 104, 0, 0.5);
}
.trad-sec .trad-overlay-Cnt {
position: absolute;
left: 40px;
max-width: 490px;
bottom: 40px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-family: "Special Gothic Expanded One", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 700;
color: #fff;
text-transform: inherit;
margin: 0;
line-height: 60px;
letter-spacing: 0;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 20px;
font-weight: 700;
margin-top: auto;
margin-bottom: 0;
}
.prod-solu-bg {
width: 100%;
background: url(../images/prod-solution-bg.jpg);
background-size: cover;
padding: 50px 0 100px;
margin-top: 20px;
}
.prod-solu-bg h4 {
color: #fff;
font-size: 28px;
font-weight: normal;
}
.prod-solu-bg .prod-box {
background: #fff;
border-radius: 10px;
padding: 50px 30px 30px;
margin-top: 25px;
position: relative;
height: 100%;
}
.prod-solu-bg .prd_bx-Cnt {
margin-top: 50px;
}
.prod-solu-bg .prod-box span img {
display: block;
text-align: center;
margin: 0 auto;
}
.prod-solu-bg .prod-box h5 {
font-size: 24px;
max-width: 100%;
font-weight: 800;
color: #FF6800;
line-height: 30px;
text-align: center;
padding: 0;
margin-bottom: 0;
display: block;
letter-spacing: 0;
text-transform: uppercase;
height: 80px;
}
.prod-solu-bg .prod-box p {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
transition: all 500ms;
text-align: center;
}
.how_work-sec {
background: #1E2B2D;
padding: 35px 0 40px 0;
}
.how_work-sec .top-title h3 {
color: #fff;
margin: 0;
font-weight: 600;
line-height: normal;
}
.how_work-sec .top-title p{
color: #fff;
}
.copyright {
color: #949494;
font-family: "Inter Tight", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
margin-top: 20px;
}
/*.gallery*/
.gallery-hdr {
display: flex;
flex-wrap: wrap;
align-items: end;
}
.gallery-hdr .top-title p, .gallery-hdr .top-title h3{
margin: 0;
}
.gallery-hdr .top-title {
flex: 1;
margin-bottom: 40px;
}
.gallery{
width: 100%;
display: block;
margin: 50px 0 20px;
}
.gallery .row {
max-width: 80%;
margin-left: auto;
}
.gallery .gallery-filter{
width: 100%;
text-align: right;
flex: 1;
margin-bottom: 40px;
}
.gallery .gallery-filter .filter-item {
background: #F4F4F4;
color: #181A1B;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 10px 15px;
border-radius: 5px;
margin: 0 5px;
cursor: pointer;
line-height: 1.2;
transition: all 0.3s ease;
}
.gallery .gallery-filter .filter-item.active {
background: #FF6800;
color: #fff;
}
.gallery .gallery-item{
width: calc(100% / 2);
padding: 0;
position: relative;
}
.gallery .gallery-item .img_caption {
background: rgba(24, 26, 27, 0.8);
color: #fff;
display: block;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
padding: 6px 20px;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
width: 80%;
text-align: center;
}
.gallery .gallery-item-inner {
margin: 12px 12px;
position: relative;
transition: all 0.3s ease;
}
.gallery .gallery-item-inner::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
transition: all 0.3s ease;
}
.gallery .gallery-item-inner:hover::before{
opacity: 0;
cursor: pointer;
}
.gallery .gallery-item-inner img{
width: 100%;
border-radius: 4px;
}
.gallery .gallery-item.show{
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.gallery .gallery-item.hide{
display: none;
}
/*responsive*/
@media(max-width: 991px){
.gallery .gallery-item{
width: 50%;
}
.gallery .row {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.gallery-hdr .top-title {
flex: 100%;
margin-bottom: 30px;
}
.gallery .gallery-filter {
margin-bottom: 15px;
}
.gallery .gallery-filter .filter-item {
font-size: 15px;
padding: 8px 15px;
}
.gallery .gallery-item .img_caption {
font-size: 14px;
width: 90%;
}
.prod-solu-bg {
padding: 40px 0 70px;
}
.prod-solu-bg .prod-box {
padding: 30px 10px 10px;
}
.prod-solu-bg .prod-box span img {
height: 50px;
}
.prod-solu-bg .prd_bx-Cnt {
margin-top: 30px;
}
.prod-solu-bg .prod-box h5 {
font-size: 16px;
line-height: normal;
height: 55px;
}
.prod-solu-bg .prod-box p {
font-size: 14px;
line-height: 20px;
}
.prod-solu-bg h4 {
font-size: 20px;
}
.offering-bnr-sec h1,
.offering-bnr-sec h2 {
font-size: 30px;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 30px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 24px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-size: 36px;
line-height: 46px;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 18px;
line-height: 24px;
margin-top: 20px;
}
}
@media(max-width: 767px){
.gallery .gallery-item{
width: 100%;
}
.gallery .gallery-filter .filter-item{
margin-bottom: 10px;
}
.offering-bnr-sec h1, .offering-bnr-sec h2 {
font-size: 22px;
}
.offering-bnr-sec h2 {
padding: 10px 15px;
}
.offering-bnr-sec .cmn_bnr-cnt strong {
font-size: 20px;
}
.offering-bnr-sec .cmn_bnr-cnt p {
font-size: 15px;
line-height: 20px;
}
.offering-bnr-sec .cmn_bnr-cnt .pgraph {
margin-top: 10px;
}
.trad-sec .trad-overlay-Cnt {
left: 15px;
max-width: 100%;
bottom: 30px;
}
.trad-sec .trad-overlay-Cnt h2 {
font-size: 24px;
line-height: 30px;
}
.trad_rightSide_Cnt, .trad_rightSide_Cnt p {
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.gallery .gallery-filter {
text-align: center;
flex: 100%;
margin-bottom: 20px;
}
.gallery .gallery-filter .filter-item {
font-size: 14px;
padding: 8px 10px;
margin: 0 2px;
}
.prod-solu-bg .prod-box h5 {
font-size: 18px;
height: auto;
margin-bottom: 10px;
}
.prod-solu-bg {
padding: 30px 0 50px;
}
.prod-solu-bg h4 {
font-size: 16px;
margin-bottom: 5px;
}
}
/* Offering page css end */
./* New css start 19-Nov-25 */
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {
color: #ed722e;
background: transparent;
border-radius: 0;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .static-positon:hover .nav-link {
color: #ed722e;
background: transparent;
border-radius: 0;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
border-top: 2px solid transparent;
background: transparent;
}
.static-positon span {
color: #aaa;
font-size: 12px;
font-weight: 500;
}
.search-box i {
padding: 7px 10px 7px;
font-size: 16px;
font-weight: bold;
background: #fff;
border: 1px solid #ccc;
color: #333;
border-radius: 8px;
}
.search-box i:hover {
background: #fff;
border: 1px solid #ccc;
color: #333;
}
.hdr-right li.language {
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
padding: 5px 10px 5px;
font-size: 14px;
}
@media only screen and (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
color: #333;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav .nav-item {
padding-top: 21px;
padding-bottom: 18px;
}
.page-header.is-sticky .navbar-expand-lg .navbar-nav .nav-item {
padding-top: 12px;
padding-bottom: 11px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
background: #f2f2f2;
box-shadow: 0 3px 5px rgba(0,0,0, .3);
}
}
@media (max-width: 991px) {
.search-box{
display: block;
}
.search-box i {
padding: 7px 10px 7px;
display: block;
margin: 5px 0;
}
.hdr-right li.language {
padding: 0 10px;
}
.hdr-right li.language select.selectpicker {
display: block;
width: 100%;
padding: 10px 0;
}
li.nav-item.dropdown.static-positon {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .container {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-nav .dropdown-menu {
background: transparent;
padding: 15px 0;
}
}
/* New css End 19-Nov-25 */
.navbar-nav li:last-child {
padding-right: 0;
}
.navbar-nav li:last-child .nav-link{
padding-right: 5px;
}
.hdr-right li.language{
margin-left: 0;
}
.navbar-expand-lg .navbar-nav li:last-child .nav-link:hover, .navbar-expand-lg .navbar-nav li:last-child .nav-link.active{
border-bottom: none;
margin-right: 0;
padding-right: 5px;
}
.lang-dropdown {
position: relative;
display: inline-block;
}
/* MAIN BUTTON */
.lang-btn {
display: flex;
align-items: center;
gap: 6px;
background: #ffffff;
border: 1px solid #c9c9c9; /* GRAY BORDER */
padding: 5px 10px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
transition: 0.2s ease;
user-select: none;
}
/* ICON */
.chevron {
width: 20px;
height: 20px;
stroke: #8a8a8a; /* gray arrow */
stroke-width: 2; /* medium thickness */
fill: none; /* no fill */
transition: transform 0.2s;
}
/* ROTATE CHEVRON ON OPEN */
input:checked + label .chevron {
transform: rotate(180deg);
}
/* HIDDEN CHECKBOX */
.lang-dropdown input {
display: none;
}
/* DROPDOWN MENU */
.lang-menu {
position: absolute;
top: 40px;
width: 100%;
background: #ffffff;
border-radius: 8px;
border: 1px solid #c9c9c9; /* GRAY BORDER */
overflow: hidden;
display: none;
z-index: 50;
}
/* SHOW WHEN OPENED */
.lang-dropdown input:checked ~ .lang-menu {
display: block;
}
/* ITEMS */
.lang-menu a {
display: block;
text-decoration: none;
color: #333;
font-size: 14px;
transition: background 0.15s;
padding: 12px 18px 12px 10px;
}
/* ACTIVE ITEM */
.lang-menu a.active {
background: #f2f2f2;
font-weight: 600;
border-radius: 8px;
margin:2px;
}
.lang-menu a:hover {
background: #f2f2f2;
border-radius: 8px;
margin:2px;
}
@media(max-width: 768px){
.lang-dropdown{
padding-bottom: 10px;
}
}
.contct-hdr {
display: flex;
justify-content: space-between;
align-items: center;
margin: 25px 0;
}
.contct-hdr h3 {
text-transform: uppercase;
}
.contct-hdr .info_dtl {
background: #FF6800;
border-radius: 10px;
padding: 10px 25px 15px;
color: #fff;
}
.contct-hdr .info_dtl a {
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
}
.contct-hdr .info_dtl em, .contct-hdr .info_dtl i{
color: #fff;
font-size: 12px;
font-style: italic;
}
.contact-page-sec .sent-btn {
background: #FF6800;
color: #fff !important;
border-radius: 30px;
font-size: 14px;
font-weight: 500;
line-height: normal !important;
padding: 10px 50px !important;
}
.contact-page-sec .form-floating>label {
font-size: 16px;
font-weight: 600;
color: #000;
}
.contact-page-sec textarea {
border: 0;
border-bottom: 1px solid #000;
border-radius: 0;
}
.contact-tabs-wrapper .address {
width: 100%;
margin-bottom: 40px;
}
.contact-tabs-wrapper .address p {
margin: 0;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
.contact-tabs-wrapper .address p a {
color: #1096d0;
font-weight: bold;
}
.contact-tabs-wrapper .pr-pic,
.contact-tabs-wrapper .pr-detls {
position: relative;
max-width: 600px;
}
.contact-tabs-wrapper .pr-detls {
display: flex;
justify-content: space-between;
}
.contact-tabs-wrapper .pr-detls p{
line-height: normal;
margin: 10px 0 0;
}
.contact-tabs-wrapper .pr-detls p strong {
font-size: 16px;
text-transform: uppercase;
}
.contact-tabs-wrapper .pr-detls p small {
font-size: 13px;
}
.contact-tabs-wrapper .pr-detls i {
font-size: 24px;
}
.contact-tabs-wrapper .pr-pic button {
position: absolute;
left: 30px;
top: 15px;
font-size: 50px !important;
font-weight: normal;
color: #fff !important;
background: transparent !important;
width: auto;
padding: 0 !important;
}
.contact-tabs-wrapper .pr-pic button:focus {
color: #fff;
background-color: transparent !important;
border: 0 !important;
box-shadow: none;
}
.contact-modal-popup.modal .modal-header {
border-bottom: 0;
}
.contact-modal-popup.modal .modal-header .btn-close {
width: auto;
height: auto;
padding: .5em 1.5em;
color: #000;
background: #fff;
border: 0;
border-radius: 30px;
opacity: 1;
}
.contact-modal-popup.modal .modal-content {
background-color: #272727;
margin: auto;
padding: 20px 20px 20px;
border: 0;
width: 100%;
border-radius: 20px;
max-width: 1200px;
box-shadow: 0px 0px 3px #014b6a;
}
.CEO-dtls {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name {
flex: 1;
color: #fff;
}
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name strong,
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name small,
.CEO-dtls .CEO-pic, .CEO-dtls .CEO-name a i {
color: #fff;
}
.CEO-dtls .CEO-name {
margin-left: 30px;
line-height: normal;
}
.CEO-dtls .CEO-name strong {
font-size: 20px;
text-transform: uppercase;
}
.CEO-dtls .CEO-name small {
font-size: 14px;
}
.CEO-dtls .CEO-name a {
font-size: 24px;
display: inline-block;
margin-top: 10px;
}
.contact-modal-popup.modal .modal-content p{
color: #fff;
margin: 0;
}
@media (max-width: 767px) {
.contact-modal-popup.modal .modal-content {
padding: 10px 5px 0;
}
.contact-modal-popup.modal .modal-content p {
font-size: 14px;
}
.CEO-dtls {
margin-bottom: 20px;
}
.CEO-dtls .CEO-name {
margin-left: 20px;
}
.CEO-dtls .CEO-name strong {
font-size: 16px;
}
.CEO-dtls .CEO-name small {
font-size: 12px;
}
.contact-modal-popup.modal .modal-header .btn-close {
padding: .4em 1.2em;
}
}
@media (min-width: 576px) {
.contact-modal-popup.modal .modal-dialog {
max-width: 100%;
margin: 1.75rem auto;
}
}
.contact-tabs-wrapper .nav-tabs {
border-bottom: 0;
}
.contact-tabs-wrapper .nav-tabs .nav-link {
background: #F4F4F4;
color: #181A1B;
font-size: 16px;
font-weight: 500;
display: inline-block;
padding: 10px 15px;
border-radius: 5px;
margin: 0 5px;
cursor: pointer;
line-height: 1.2;
transition: all 0.3s ease;
}
.contact-tabs-wrapper .nav-tabs .nav-link.active {
background: #FF6800;
color: #fff;
}
.contact-tabs-wrapper .accordion-body {
padding: 1rem 5px;
}
.contact-tabs-wrapper .accordion-item {
border: 0;
}
.contact-tabs-wrapper .accordion-header {
margin-bottom: 0;
width: 100%;
}
.contact-tabs-wrapper .accordion-header .accordion-button {
background: #F4F4F4;
margin-bottom: 10px;
}
.contact-tabs-wrapper .accordion-button:not(.collapsed) {
color: #fff;
background-color: #FF6800 !important;
box-shadow: none;
border-radius: 0;
}
.contact-tabs-wrapper .accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("../images/acc-up-arrow.png");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.contact-tabs-wrapper .accordion-button:not(.collapsed)::after {
background-image: url("../images/acc-down-arrow.png");
transform: rotate(-180deg);
}
.info_dtl p, .contct-hdr .top-title p{
margin-bottom: 0;
}
@media (max-width: 991px) {
.contact-tabs-wrapper .tab-content>.tab-pane {
display: block;
opacity: 1;
}
}
@media (max-width: 767px) {
.contct-hdr{
flex-wrap: wrap;
width: 100%;
}
.contact-tabs-wrapper .address p {
font-size: 18px;
}
.contct-hdr .info_dtl {
margin-top: 20px;
width: 100%;
}
.contact-tabs-wrapper .address strong{
display: inline-block;
}
.contact-tabs-wrapper .nav-tabs .nav-link {
font-size: 14px;
display: inline-block;
padding: 10px 6px;
margin: 0 0;
}
}
.contact-tabs-wrapper .pr-detls a img {
max-width: 34px;
}
.CEO-dtls .CEO-name a {
margin-top: 15px;
}
.CEO-dtls .CEO-name a img {
max-width: 34px;
}
@media (max-width: 767px) {
.contact-tabs-wrapper .pr-detls a img {
max-width: 24px;
}
.CEO-dtls .CEO-name a img {
max-width: 24px;
}
.contact-tabs-wrapper .pr-detls p strong {
font-size: 14px;
}
.contact-tabs-wrapper .pr-detls p small {
font-size: 12px;
}
}
.mauticform-row{
display: inline-block !important;
width: 48%;
}
#mauticform_kontaktformularcharteredinvestment_vorname, #mauticform_contactformcharteredinvestment_first_name, #mauticform_kontaktformularcharteredinvestment_email, #mauticform_contactformcharteredinvestment_email{
margin-right: 1%;
}
#mauticform_kontaktformularcharteredinvestment_nachname, #mauticform_contactformcharteredinvestment_last_name, #mauticform_kontaktformularcharteredinvestment_telefon, #mauticform_contactformcharteredinvestment_phone{
margin-left: 1%;
}
/* Standard */
.mauticform-input::placeholder,
.mauticform-textarea::placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* WebKit */
.mauticform-input::-webkit-input-placeholder,
.mauticform-textarea::-webkit-input-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* Firefox old */
.mauticform-input::-moz-placeholder,
.mauticform-textarea::-moz-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
/* IE / Edge legacy */
.mauticform-input:-ms-input-placeholder,
.mauticform-textarea:-ms-input-placeholder {
color: #212529 !important;
font-size: 1rem !important;
}
#mauticform_kontaktformularcharteredinvestment_ihre_nachricht, #mauticform_contactformcharteredinvestment_your_message, #mauticform_contactformcharteredinvestment_information_zum_datenschu, #mauticform_kontaktformularcharteredinvestment_information_zum_datenschu{
width: 99%;
}
.mauticform-textarea {
border: 0 !important;
border-bottom: 1px solid #000 !important;
border-radius: 0 !important;
}
.mauticform-row.mauticform-required .mauticform-label:after {
color: #212529 !important;
content: " *";
display: inline;
}
.what-apart-sec .mauticform-button {
background: #FF6800 !important;
color: #fff !important;
border-radius: 30px !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: normal !important;
padding: 10px 50px !important;
}
.mauticform-label{
font-weight: normal !important;
color: #212529 !important;
font-size: 1rem !important;
}
.mauticform-textarea{
height: auto !important;
}
.mauticform_wrapper{
margin-top: 60px !important;
margin-bottom: 60px !important;
}
#mauticform_wrapper_kontaktformularcharteredinvestment .mauticform-errormsg, #mauticform_wrapper_contactformcharteredinvestment .mauticform-errormsg{
position: absolute;
margin: -15px 0 0 0;
width: auto;
}
#mauticform_wrapper_kontaktformularcharteredinvestment #mauticform_kontaktformularcharteredinvestment_ihre_nachricht, #mauticform_wrapper_contactformcharteredinvestment #mauticform_contactformcharteredinvestment_your_message {
margin-top: 20px;
}
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="text"], #mauticform_wrapper_contactformcharteredinvestment form input[type="text"],
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="email"], #mauticform_wrapper_contactformcharteredinvestment form input[type="email"],
#mauticform_wrapper_kontaktformularcharteredinvestment form input[type="tel"], #mauticform_wrapper_contactformcharteredinvestment form input[type="tel"],
#mauticform_wrapper_kontaktformularcharteredinvestment form select, #mauticform_wrapper_contactformcharteredinvestment form select,
#mauticform_wrapper_kontaktformularcharteredinvestment form textarea, #mauticform_wrapper_contactformcharteredinvestment form textarea {
margin-bottom: 25px;
}
#mauticform_wrapper_kontaktformularcharteredinvestment #mauticform_kontaktformularcharteredinvestment_information_zum_datenschu, #mauticform_wrapper_contactformcharteredinvestment #mauticform_contactformcharteredinvestment_information_zum_datenschu {
margin: 10px 0 20px 0;
}
#mauticform_wrapper_kontaktformularcharteredinvestment .mauticform-checkboxgrp-row, #mauticform_wrapper_contactformcharteredinvestment .mauticform-checkboxgrp-row {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.mauticform-row{
width: 99%;
}
#mauticform_kontaktformularcharteredinvestment_vorname, #mauticform_contactformcharteredinvestment_first_name, #mauticform_kontaktformularcharteredinvestment_email, #mauticform_contactformcharteredinvestment_email{
margin-right: 0;
}
#mauticform_kontaktformularcharteredinvestment_nachname, #mauticform_contactformcharteredinvestment_last_name, #mauticform_kontaktformularcharteredinvestment_telefon, #mauticform_contactformcharteredinvestment_phone{
margin-left: 0;
}
}