body {
	margin-top:0px;
	font-weight:300;
	 font-family: Poppins, sans-serif;
} 

body b,body strong{font-weight:bold;}

H1, H2, H3, .cmsDefaultTextLogo, .cmsTitle, #cmsWebsiteNameTitle {
    font-family: 'Montserrat', sans-serif;
}

.list-style-3col .cmsItem {
    margin: 6%;
}


 #container>H1 {
	max-width:1400px;
	margin: 20px auto;
}



.cmsUsualWidth,
.cmsEnquiryFormWrapperOuter {  
	max-width:1200px; /* keep same size as default contentbox container with 30px padding */
	margin-left: auto;
	margin-right:auto;
	box-sizing: border-box; 
       padding: 0px;
}

 #cmsPageFooter.cmsUsualWidth ,
 #cmsPageHeader.cmsUsualWidth ,
 #ContentCMS.cmsUsualWidth { padding: 10px; } 

 #ContentCMS.cmsUsualWidth.containsContentBox { padding: 0; } 

@media (max-width: 600px) {
 H1#heading { text-align: center; }
}


.cmsUsualWidth.containsContentBox {
    width: 100%;
    max-width: none;
}

#ContentCMS > #cmsPageContent, .is-wrapper {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

strong,b{
font-weight:500;
}


body {
	font-size: 13pt;
	line-height: 160%; 
}


h1, h2, h3, h4, h5, h6 {
	/*border-bottom: 1px solid #eee;*/
	font-weight:400;
}

SMALL {
	font-size:9pt
}
TH {
	text-align:left;
}
.listtd {
	font-size: 9pt;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h3.section{
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

form[name=changeCCYForm] select, form[name=changeCCYForm] option,form[name=changeCCYForm]  input{
    padding: 10px;
   box-sizing: border-box; 
}
form[name=changeCCYForm]{
	padding-bottom:1rem;
}

.termsAndConditions,
.cmsFormElements input,
.cmsFormElements select,
.cmsFormData input,
 .cmsFormData select, .cmsFormData textarea, .cmsFormDataNoPrompt textarea {
    padding: 10px;
   box-sizing: border-box; 
  border: 1px solid #EEE; 
}

.loginButton{    border: 1px solid #222!important;}

.cmsTitle {font-weight: 500; }




#TemplateMenu li {
   list-style: none; 
}


.menubuttonlink {
	text-decoration:none;
}
.menubuttonlink:hover {
	text-decoration:underline;
}
.copyright {
	color: #999999;
}

#cmsBannerSlideDiv {
	z-index:1;
	position:relative;
}




hr {
	border: 0;
	width: 100%;
	background-color: #e5e5e5;
	height: 1px;
}



/****************************************

TEMPLATE 2016

*****************************************/


h1{
	font-weight:400;
	font-size:30px;
	line-height: 1.1em;
}

h2{
	font-weight:400;
	font-size: 25px;
	margin-top: 30px; 
}

h3{
	font-weight:400;
	font-size: 18px;
    	margin-top: 20px;
}

h4{
	font-weight:500;
	font-size: 12px;
    	line-height: 1.5em;
}


.cmsSubPageEmbedded H1, 
.cmsSubPageEmbedded H2,
.cmsSubPageEmbedded H3 {
color:#20333C;
}




#cmsPage446171 { margin-bottom: 10px; } 


 #container{
	padding:5px;
	box-sizing: border-box;
}





/* FOOTER */

#cmsPageFooterTools {
    margin-top: 0;
}





#footer{
     clear: both;
	padding:20px 5%;
	background-color:#494F54;
    overflow: hidden; 
}

#footlogo{
	padding:0 0 20px 0;
}
body #footer #menumap {
	float:none;
	height:auto;
    overflow: hidden; 

}

#footer #menumap #nav ul  { z-index: auto; } 

#footer #menumap>ul>li
{
    width:50%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px; 
}

#footer #menumap ul ul {
list-style-type :none;
background:none;
border:none;
}

@media only screen and (min-width: 600px) {	#footer #menumap>ul>li 	{	width:25%;   }   }
@media only screen and (min-width: 1000px) { 	#footer #menumap>ul>li 	{	width:12%;   }   }

#footer #menumap li li{ 
display:block; 
width: 100%;
font-size:10px;    
line-height: 130%; 
padding: 2px; 
}

#footer #menumap ul li a {
	text-align:left;
	padding:0;
    border: 0;
	color:#fff;
}


#footer #menumap ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
	display:block;
}



#footer #menumap ul ul li a {
    background: none;
    font-size: 10px;
    border-bottom: 0px solid #fff;
    border-right: 0px solid #ededed;
    padding: 0;
    margin:0;
    width:100%;
}

/*section headings */
#footer #menumap>ul>li a{
font-size: 13px; 
    line-height: 1.8em;
}


#footer #menumap li a:hover{
	color:#08c9b9;
}

#menu #mbtn590142,
#menu #menumap #mbtn275981,
#footer #menumap #mbtn590142,
#footer #menumap #mbtn275981,
#footer #menumap ul ul ul{
	display:none;
}



/* HEADER */



#header {
    position: relative;
}

#header .menu{
margin-top:15px;
}






#menu li:hover A, #nav li.sfhover A {
    color: #ffffff;
    background-color: #333;
}

#footer #menu li:hover A, #footer #nav li.sfhover A,
#footer #menu li:hover, #footer #menu li.sfhover,
#footer #menu a:hover, #footer #menu a:visited:hover {

    background-color: inherit;
background:none;
}

#template #menu a{
	font-weight:400;
-webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 0;
}

/*BUTTONS*/

 .button{
    border: 1px solid #888;
   color: black;
	font-size:14px;
	font-weight:300;
	padding:4px 10px;
     border-radius: 0;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
text-decoration:none;
}

form input[type=submit],
.button.primary,
.btn.btn-primary{
	color:#fff;
	background-color:#D14836;
	background-color:#ed553d;
	border-radius:0;
    border: 1px solid #222;
    padding: 10px;
}
.btn.btn-primary{
	padding: 6px 20px;
	font-size: 1.1em;
}
.button.primary:hover,
.btn.btn-primary:hover{
	background-color:#AD2D1C;
	background-color:#D14836;
text-decoration:none;
}

.button.default,
.button.secondary {
	border-radius:0;
	color:#000;
	background-color:#DADADA;
background-color: #F1DF0F;
    border: 1px solid #222;
    line-height: 1.6em;
	text-transform:uppercase;
}

.button.secondary:hover{
	background-color:#bababa;
}


@media only screen and (max-width: 1400px) {
	#template #footer #menu li {
    		width: 20%;
	}
.cmsUsualWidth,
.cmsEnquiryFormWrapperOuter {  
padding-left:2rem; 
padding-right:2rem;
}


}


.mobile{display:none;}




.clearfix:before, .clearfix:after {clear: both;}




.cmsMoreInfo{
	transition:background 0.3s ease;
}


/*CMS TEMPLATE 2021 CSS*/

  #cmslogin a{
	font-size:14px;
}

  #cmslogin ion-icon{
	height:28px!important;
}


  .cmsMoreInfo{
	background:#4BA630;
	border:0;
	text-transform:uppercase;
    font-weight: 500;
    color: white;
    padding: 0.25rem 0.75rem;
    margin: 0 0.25rem 0.25rem 0;
    font-size: 14px;
    letter-spacing: 0.75px;
border-radius:4px;
}

  .cmsMoreInfo:hover{
	background:#61c841;
	text-decoration: none;
}

  h2{
	font-size:32px;
	font-weight:500;
}

  h3{
    	font-size: 24px;
	font-weight:500;
}

  #footer{
	background:black;
}

  .button.primary,   .btn.btn-primary {
    border: 1px solid white;
border-radius:4px;
}



  #btntrial {
    background: #ed553d;
  color: white; 
}


  #btnlogin{
    background: #F1DF0F;
color:black;
    background: #4aa99f;
  color: white; 
}

  #searchIcon{
    background: #efefef;
    color: black;
}

@media (min-width: 561px){
.flow-opposite{
	order:99;
}
}


@media (max-width: 560px){
.desktop, .hideForMobile {
    display: none!important;
}


.ContentAreaHomePageTopSection .is-overlay-bg{
	    background-position: 25% center!important;
}

.ContentAreaHomePageTopSection .cb-back-img {
    background: none!important;
    background-color: rgba(0,0,0,0.25)!important;
}

}
@media (max-width: 500px){
.cmsUsualWidth,
.cmsEnquiryFormWrapperOuter {  
padding-left:1rem; 
padding-right:1rem;
}
}

/*==============================================

MIDDLE MENU

================================================*/

@media only screen and (max-width : 1500px) {

.wwmasthead{
	flex-wrap:wrap;
}
.wwmasthead .column.wwmenublock{
	order:3;
	width:100%;
    flex: auto!important;
    justify-content: flex-end!important;
}

.wwmasthead .column.wwlogoblock{
	width:50%;
}


}

/*==============================================

START MOBILE MENU

================================================*/
@media only screen and (max-width : 900px) {
  #menu {
    display: none;
  }
}

.is-mobile-menu {
  position: relative;
  display:none;
}
.mobilemenuactive .is-mobile-menu {
	display:block;
}

#menu li button {
    display: none;
}
a#mobbtn {
  display: none;
  z-index: 2109;
  right: 0;
  top: 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
position:absolute;
}

#mobbtnx i.icon {
  font-size: 30px;
  margin: 5px;
}

#mobbtn i.icon {
  font-size: 50px;
}

a#mobbtnx {
  cursor: pointer;
  position: fixed;
  z-index: 2111;
  left: 0;
  top: 0;
  padding: 1rem;
  display: none;
}

.mobilemenuactive a#mobbtnx {
  display: block;
}

.ineditor a#mobbtnx {
  display: none;
}

.ineditor .is-wrapper .is-mobile-menu {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.is-wrapper {
  position: relative;
}

.is-wrapper .is-mobile-menu .is-boxes {
  left: 0%;
  max-width: 380px;
  width: 100%;
  background: white;
  background: [WSCOL_PAGE];
  background: [WSCOL_MENU];
  border-left: 1px solid #333;
}

.is-wrapper .is-mobile-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: visibility .5s ease-in-out;
  transition: visibility .5s ease-in-out;
  z-index: 12110;
  display: none;
}

.ineditor .is-wrapper .is-mobile-menu {
  position: relative;
  left: 0;
  visibility: visible;
}

@media (max-width:900px) {

 #cmslogin {  margin: 10px auto; }

  .mobilemenuactive .is-wrapper .is-mobile-menu {
    display: block !important;
    visibility: visible;
    z-index: 12121;
  }

  a#mobbtn {
    display: block;
  }

  .mobilemenucontainer ul {
    display: block;
    margin: 5px;
    padding: 5px;
  }

  .mobilemenucontainer li {
    display: block;
    list-style-type: none;
    padding: 5px;
    margin: 5px;
  }

  .is-mobile-menu .mobilemenucontainer>li {
    border-bottom: 1px solid [WSCOL_PAGE_BORDER];
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .is-mobile-menu .mobilemenucontainer>li>a {
    font-weight: 700;
  }

  .is-mobile-menu .mobilemenucontainer li a {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .searchFormDiv input {
    width: 33%;
  }

  .searchFormDiv input:first-child {
    width: 60%;
  }

  a#mobbtnx {}

  .wwmasthead{
    display: flex!important;
    flex-direction: column;
	}

.wwloginblock{
    width: 100%!important;
justify-content: center!important;
}

.wwlogoblock{
    width: 100%!important;
justify-content: center!important;
}

.wwmastwrap{padding:0;}
br.desktop{display:none;}

}

/* end mobile menu */
/*=============================
HAS SUBMENU + ADDED VIA JS
=============================*/
.mobilemenucontainer button {
  background: inherit;
  border: 1px solid black;
  border-color: [WSCOL_PAGE_BORDER];
  border-color: [WSCOL_THEME_PRIMARY];
  border-color: [WSCOL_LINK];
  max-width: 50px;
  flex: 1;
  cursor: pointer;
}

.mobilemenucontainer ul {
  display: none;
}

.mobilemenucontainer li.active>ul {
  display: block;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  border-left: 1px dotted [WSCOL_PAGE_BORDER];
}

.mobilemenucontainer li {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0 0 0 1rem;
  margin: 0;
}

.mobilemenucontainer li.hassubmenu>a {
  flex: 1;
}

.mobilemenucontainer li.hassubmenu button .plus {
  transition: 0.70s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.mobilemenucontainer li.hassubmenu.active>button .plus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.toggle .plus {
  height: 12px;
  width: 12px;
  margin: 0 auto;
  position: relative;
}

.active button.toggle .plus:before {
  opacity: 0;
}

.inactive button.toggle .plus:before {
  opacity: 1;
}

.active button.toggle.plus::before, button.toggle.active .plus::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

button.toggle .plus::before {
  width: 11px;
  height: 1px;
  opacity: 1;
}

button.toggle .plus::after {
  width: 1px;
  height: 11px;
  opacity: 1;
}

button.toggle .plus::before, button.toggle .plus::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: [WSCOL_THEME_PRIMARY];
  background-color: [WSCOL_LINK];
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media (max-width:560px) {

  .mobilemenucontainer li.hassubmenu:after {
    display: none;
  }
.wwmastwrap{padding:0;}
.wwlogoblock {
    justify-content: flex-start!important;
}

  .wwlogoblock img{max-width:80% !important;}

.ContentAreaHomePageTopSection .cb-back-img{
	padding: 0 1rem!important;
}

.ContentAreaHomePageTopSection .wwgetstarted  .cb-back-img{
	padding: 0!important;
}

div.is-wrapper>div.mobileHeight100, div.mobileHeight100 {
    height: 100vH!important;
}

div.is-wrapper>div.mobileHeight30, div.mobileHeight30 {
    min-height: 30vH!important;
	height:auto!important;
}

}

@media (max-width:450px) {
  .wwlogoblock img{max-width:80% !important;}

  a#mobbtn {
      padding: 0 1rem;
  }

}